@rijkshuisstijl-community/components-angular 11.0.1 → 11.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/dist/README.md +3 -3
- package/dist/fesm2022/rijkshuisstijl-community-components-angular.mjs +98 -101
- package/dist/fesm2022/rijkshuisstijl-community-components-angular.mjs.map +1 -1
- package/dist/types/rijkshuisstijl-community-components-angular.d.ts +2 -2
- package/package.json +18 -18
package/README.md
CHANGED
|
@@ -57,10 +57,10 @@ pakket, en omring het deel van je applicatie waar je het thema wilt toepassen me
|
|
|
57
57
|
#### Thema wijzigen
|
|
58
58
|
|
|
59
59
|
Om een ander thema toe te passen moet je het importeren van `import '@rijkshuisstijl-community/design-tokens/dist/{thema}/index.css';` en de class aanpassen naar het desbetreffende thema.
|
|
60
|
-
Zie het volgende voorbeeld om het
|
|
60
|
+
Zie het volgende voorbeeld om het thema "groen" toe te passen:
|
|
61
61
|
|
|
62
62
|
```css
|
|
63
|
-
@import '@rijkshuisstijl-community/design-tokens/dist/
|
|
63
|
+
@import '@rijkshuisstijl-community/design-tokens/dist/groen/index.css';
|
|
64
64
|
@import '@rijkshuisstijl-community/components-css/dist/index.css';
|
|
65
65
|
```
|
|
66
66
|
|
|
@@ -72,7 +72,7 @@ import { ButtonComponent } from '@rijkshuisstijl-community/components-angular';
|
|
|
72
72
|
selector: 'app-root',
|
|
73
73
|
imports: [ButtonComponent],
|
|
74
74
|
template: `
|
|
75
|
-
<main class="
|
|
75
|
+
<main class="groen">
|
|
76
76
|
<button rhc-button [appearance]="'primary-action'" [disabled]="false">hello world</button>
|
|
77
77
|
</main>
|
|
78
78
|
`,
|
package/dist/README.md
CHANGED
|
@@ -57,10 +57,10 @@ pakket, en omring het deel van je applicatie waar je het thema wilt toepassen me
|
|
|
57
57
|
#### Thema wijzigen
|
|
58
58
|
|
|
59
59
|
Om een ander thema toe te passen moet je het importeren van `import '@rijkshuisstijl-community/design-tokens/dist/{thema}/index.css';` en de class aanpassen naar het desbetreffende thema.
|
|
60
|
-
Zie het volgende voorbeeld om het
|
|
60
|
+
Zie het volgende voorbeeld om het thema "groen" toe te passen:
|
|
61
61
|
|
|
62
62
|
```css
|
|
63
|
-
@import '@rijkshuisstijl-community/design-tokens/dist/
|
|
63
|
+
@import '@rijkshuisstijl-community/design-tokens/dist/groen/index.css';
|
|
64
64
|
@import '@rijkshuisstijl-community/components-css/dist/index.css';
|
|
65
65
|
```
|
|
66
66
|
|
|
@@ -72,7 +72,7 @@ import { ButtonComponent } from '@rijkshuisstijl-community/components-angular';
|
|
|
72
72
|
selector: 'app-root',
|
|
73
73
|
imports: [ButtonComponent],
|
|
74
74
|
template: `
|
|
75
|
-
<main class="
|
|
75
|
+
<main class="groen">
|
|
76
76
|
<button rhc-button [appearance]="'primary-action'" [disabled]="false">hello world</button>
|
|
77
77
|
</main>
|
|
78
78
|
`,
|
|
@@ -10,10 +10,10 @@ class HeadingComponent {
|
|
|
10
10
|
appearanceLevel;
|
|
11
11
|
stylingLevel = () => this.appearanceLevel ?? this.level;
|
|
12
12
|
computedClasses = () => `nl-heading nl-heading--level-${this.stylingLevel()}`;
|
|
13
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
14
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
13
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: HeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: HeadingComponent, isStandalone: true, selector: "rhc-heading", inputs: { level: "level", appearanceLevel: "appearanceLevel" }, ngImport: i0, template: "@switch (level) {\n @case (1) {\n <h1 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h1>\n }\n @case (2) {\n <h2 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h2>\n }\n @case (3) {\n <h3 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h3>\n }\n @case (4) {\n <h4 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h4>\n }\n @case (5) {\n <h5 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h5>\n }\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".nl-heading{break-after:avoid;break-inside:avoid}.nl-heading--level-1{color:var(--nl-heading-level-1-color, inherit);font-family:var(--nl-heading-level-1-font-family);font-size:var(--nl-heading-level-1-font-size, revert);font-weight:var(--nl-heading-level-1-font-weight, bold);line-height:var(--nl-heading-level-1-line-height);margin-block-end:var(--nl-heading-level-1-margin-block-end, revert);margin-block-start:var(--nl-heading-level-1-margin-block-start, revert)}.nl-heading--level-2{color:var(--nl-heading-level-2-color, inherit);font-family:var(--nl-heading-level-2-font-family);font-size:var(--nl-heading-level-2-font-size, revert);font-weight:var(--nl-heading-level-2-font-weight, bold);line-height:var(--nl-heading-level-2-line-height);margin-block-end:var(--nl-heading-level-2-margin-block-end, revert);margin-block-start:var(--nl-heading-level-2-margin-block-start, revert)}.nl-heading--level-3{color:var(--nl-heading-level-3-color, inherit);font-family:var(--nl-heading-level-3-font-family);font-size:var(--nl-heading-level-3-font-size, revert);font-weight:var(--nl-heading-level-3-font-weight, bold);line-height:var(--nl-heading-level-3-line-height);margin-block-end:var(--nl-heading-level-3-margin-block-end, revert);margin-block-start:var(--nl-heading-level-3-margin-block-start, revert)}.nl-heading--level-4{color:var(--nl-heading-level-4-color, inherit);font-family:var(--nl-heading-level-4-font-family);font-size:var(--nl-heading-level-4-font-size, revert);font-weight:var(--nl-heading-level-4-font-weight, bold);line-height:var(--nl-heading-level-4-line-height);margin-block-end:var(--nl-heading-level-4-margin-block-end, revert);margin-block-start:var(--nl-heading-level-4-margin-block-start, revert)}.nl-heading--level-5{color:var(--nl-heading-level-5-color, inherit);font-family:var(--nl-heading-level-5-font-family);font-size:var(--nl-heading-level-5-font-size, revert);font-weight:var(--nl-heading-level-5-font-weight, bold);line-height:var(--nl-heading-level-5-line-height);margin-block-end:var(--nl-heading-level-5-margin-block-end, revert);margin-block-start:var(--nl-heading-level-5-margin-block-start, revert)}.nl-heading--level-6{color:var(--nl-heading-level-6-color, inherit);font-family:var(--nl-heading-level-6-font-family);font-size:var(--nl-heading-level-6-font-size, revert);font-weight:var(--nl-heading-level-6-font-weight, bold);line-height:var(--nl-heading-level-6-line-height);margin-block-end:var(--nl-heading-level-6-margin-block-end, revert);margin-block-start:var(--nl-heading-level-6-margin-block-start, revert)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: HeadingComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
18
|
args: [{ selector: 'rhc-heading', imports: [CommonModule], template: "@switch (level) {\n @case (1) {\n <h1 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h1>\n }\n @case (2) {\n <h2 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h2>\n }\n @case (3) {\n <h3 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h3>\n }\n @case (4) {\n <h4 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h4>\n }\n @case (5) {\n <h5 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h5>\n }\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".nl-heading{break-after:avoid;break-inside:avoid}.nl-heading--level-1{color:var(--nl-heading-level-1-color, inherit);font-family:var(--nl-heading-level-1-font-family);font-size:var(--nl-heading-level-1-font-size, revert);font-weight:var(--nl-heading-level-1-font-weight, bold);line-height:var(--nl-heading-level-1-line-height);margin-block-end:var(--nl-heading-level-1-margin-block-end, revert);margin-block-start:var(--nl-heading-level-1-margin-block-start, revert)}.nl-heading--level-2{color:var(--nl-heading-level-2-color, inherit);font-family:var(--nl-heading-level-2-font-family);font-size:var(--nl-heading-level-2-font-size, revert);font-weight:var(--nl-heading-level-2-font-weight, bold);line-height:var(--nl-heading-level-2-line-height);margin-block-end:var(--nl-heading-level-2-margin-block-end, revert);margin-block-start:var(--nl-heading-level-2-margin-block-start, revert)}.nl-heading--level-3{color:var(--nl-heading-level-3-color, inherit);font-family:var(--nl-heading-level-3-font-family);font-size:var(--nl-heading-level-3-font-size, revert);font-weight:var(--nl-heading-level-3-font-weight, bold);line-height:var(--nl-heading-level-3-line-height);margin-block-end:var(--nl-heading-level-3-margin-block-end, revert);margin-block-start:var(--nl-heading-level-3-margin-block-start, revert)}.nl-heading--level-4{color:var(--nl-heading-level-4-color, inherit);font-family:var(--nl-heading-level-4-font-family);font-size:var(--nl-heading-level-4-font-size, revert);font-weight:var(--nl-heading-level-4-font-weight, bold);line-height:var(--nl-heading-level-4-line-height);margin-block-end:var(--nl-heading-level-4-margin-block-end, revert);margin-block-start:var(--nl-heading-level-4-margin-block-start, revert)}.nl-heading--level-5{color:var(--nl-heading-level-5-color, inherit);font-family:var(--nl-heading-level-5-font-family);font-size:var(--nl-heading-level-5-font-size, revert);font-weight:var(--nl-heading-level-5-font-weight, bold);line-height:var(--nl-heading-level-5-line-height);margin-block-end:var(--nl-heading-level-5-margin-block-end, revert);margin-block-start:var(--nl-heading-level-5-margin-block-start, revert)}.nl-heading--level-6{color:var(--nl-heading-level-6-color, inherit);font-family:var(--nl-heading-level-6-font-family);font-size:var(--nl-heading-level-6-font-size, revert);font-weight:var(--nl-heading-level-6-font-weight, bold);line-height:var(--nl-heading-level-6-line-height);margin-block-end:var(--nl-heading-level-6-margin-block-end, revert);margin-block-start:var(--nl-heading-level-6-margin-block-start, revert)}\n"] }]
|
|
19
19
|
}], propDecorators: { level: [{
|
|
@@ -27,17 +27,12 @@ const appearanceOptions = [undefined, 'lead'];
|
|
|
27
27
|
class ParagraphComponent {
|
|
28
28
|
appearance;
|
|
29
29
|
computedClass = () => {
|
|
30
|
-
|
|
31
|
-
case 'lead':
|
|
32
|
-
return 'nl-paragraph nl-paragraph--lead';
|
|
33
|
-
default:
|
|
34
|
-
return 'nl-paragraph';
|
|
35
|
-
}
|
|
30
|
+
return this.appearance === 'lead' ? 'nl-paragraph nl-paragraph--lead' : 'nl-paragraph';
|
|
36
31
|
};
|
|
37
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
38
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ParagraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ParagraphComponent, isStandalone: true, selector: "rhc-paragraph", inputs: { appearance: "appearance" }, ngImport: i0, template: "<p class=\"{{ computedClass() }}\">\n <ng-content></ng-content>\n</p>\n", styles: [".nl-paragraph{color:var(--nl-paragraph-color, inherit);font-family:var(--nl-paragraph-font-family, inherit);font-size:var(--nl-paragraph-font-size, inherit);font-weight:var(--nl-paragraph-font-weight, inherit);line-height:var(--nl-paragraph-line-height, inherit);margin-block-end:var(--nl-paragraph-margin-block-end, revert);margin-block-start:var(--nl-paragraph-margin-block-start, revert)}.nl-paragraph--lead{font-size:var(--nl-paragraph-lead-font-size, var(--nl-paragraph-font-size, inherit));font-weight:var(--nl-paragraph-lead-font-weight, var(--nl-paragraph-font-weight, inherit));line-height:var(--nl-paragraph-lead-line-height, var(--nl-paragraph-line-height, inherit));margin-block-end:var(--nl-paragraph-lead-margin-block-end, var(--nl-paragraph-margin-block-end, revert));margin-block-start:var(--nl-paragraph-lead-margin-block-start, var(--nl-paragraph-margin-block-start, revert))}.nl-paragraph__lead{font-weight:inherit}\n"] });
|
|
39
34
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ParagraphComponent, decorators: [{
|
|
41
36
|
type: Component,
|
|
42
37
|
args: [{ selector: 'rhc-paragraph', imports: [], template: "<p class=\"{{ computedClass() }}\">\n <ng-content></ng-content>\n</p>\n", styles: [".nl-paragraph{color:var(--nl-paragraph-color, inherit);font-family:var(--nl-paragraph-font-family, inherit);font-size:var(--nl-paragraph-font-size, inherit);font-weight:var(--nl-paragraph-font-weight, inherit);line-height:var(--nl-paragraph-line-height, inherit);margin-block-end:var(--nl-paragraph-margin-block-end, revert);margin-block-start:var(--nl-paragraph-margin-block-start, revert)}.nl-paragraph--lead{font-size:var(--nl-paragraph-lead-font-size, var(--nl-paragraph-font-size, inherit));font-weight:var(--nl-paragraph-lead-font-weight, var(--nl-paragraph-font-weight, inherit));line-height:var(--nl-paragraph-lead-line-height, var(--nl-paragraph-line-height, inherit));margin-block-end:var(--nl-paragraph-lead-margin-block-end, var(--nl-paragraph-margin-block-end, revert));margin-block-start:var(--nl-paragraph-lead-margin-block-start, var(--nl-paragraph-margin-block-start, revert))}.nl-paragraph__lead{font-weight:inherit}\n"] }]
|
|
43
38
|
}], propDecorators: { appearance: [{
|
|
@@ -49,10 +44,10 @@ class LinkComponent {
|
|
|
49
44
|
inline;
|
|
50
45
|
target = '_self';
|
|
51
46
|
computedClasses = () => `nl-link rhc-link ${this.inline ? 'rhc-link--inline' : ''}`;
|
|
52
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
53
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
47
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: LinkComponent, isStandalone: true, selector: "rhc-link", inputs: { href: "href", inline: "inline", target: "target" }, ngImport: i0, template: "<a href=\"{{ href }}\" class=\"{{ computedClasses() }}\" target=\"{{ target }}\">\n <ng-content></ng-content>\n</a>\n", styles: [".nl-link:any-link{--_nl-link-forced-colors-color: LinkText;color:var(--_nl-link-state-color, var(--nl-link-color, var(--_nl-link-forced-colors-color)));text-decoration-color:var(--_nl-link-state-text-decoration-color, var(--nl-link-text-decoration-color, currentcolor));text-decoration-line:var(--_nl-link-state-text-decoration-line, var(--nl-link-text-decoration-line, underline));text-decoration-skip-ink:all;text-decoration-thickness:max(var(--_nl-link-state-text-decoration-thickness, var(--nl-link-text-decoration-thickness)),1px);text-underline-offset:var(--nl-link-text-underline-offset)}.nl-link:any-link:hover{--_nl-link-forced-colors-color: LinkText;--_nl-link-state-color: var(--nl-link-hover-color);--_nl-link-state-text-decoration-line: var(--nl-link-hover-text-decoration-line);--_nl-link-state-text-decoration-thickness: var(--nl-link-hover-text-decoration-thickness);text-decoration-skip-ink:none}.nl-link:any-link:active{--_nl-link-forced-colors-color: ActiveText;--_nl-link-state-color: var(--nl-link-active-color)}.nl-link--current:any-link{cursor:var(--nl-link-current-cursor, normal)}.nl-link--inline-box:any-link{color:unset;display:inline-block;text-decoration-line:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.nl-link--disabled{--_nl-link-forced-colors-color: GrayText;--_nl-link-state-color: var(--nl-link-disabled-color);cursor:var(--nl-link-disabled-cursor, not-allowed);text-decoration-line:none}\n"] });
|
|
54
49
|
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LinkComponent, decorators: [{
|
|
56
51
|
type: Component,
|
|
57
52
|
args: [{ selector: 'rhc-link', imports: [], template: "<a href=\"{{ href }}\" class=\"{{ computedClasses() }}\" target=\"{{ target }}\">\n <ng-content></ng-content>\n</a>\n", styles: [".nl-link:any-link{--_nl-link-forced-colors-color: LinkText;color:var(--_nl-link-state-color, var(--nl-link-color, var(--_nl-link-forced-colors-color)));text-decoration-color:var(--_nl-link-state-text-decoration-color, var(--nl-link-text-decoration-color, currentcolor));text-decoration-line:var(--_nl-link-state-text-decoration-line, var(--nl-link-text-decoration-line, underline));text-decoration-skip-ink:all;text-decoration-thickness:max(var(--_nl-link-state-text-decoration-thickness, var(--nl-link-text-decoration-thickness)),1px);text-underline-offset:var(--nl-link-text-underline-offset)}.nl-link:any-link:hover{--_nl-link-forced-colors-color: LinkText;--_nl-link-state-color: var(--nl-link-hover-color);--_nl-link-state-text-decoration-line: var(--nl-link-hover-text-decoration-line);--_nl-link-state-text-decoration-thickness: var(--nl-link-hover-text-decoration-thickness);text-decoration-skip-ink:none}.nl-link:any-link:active{--_nl-link-forced-colors-color: ActiveText;--_nl-link-state-color: var(--nl-link-active-color)}.nl-link--current:any-link{cursor:var(--nl-link-current-cursor, normal)}.nl-link--inline-box:any-link{color:unset;display:inline-block;text-decoration-line:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.nl-link--disabled{--_nl-link-forced-colors-color: GrayText;--_nl-link-state-color: var(--nl-link-disabled-color);cursor:var(--nl-link-disabled-cursor, not-allowed);text-decoration-line:none}\n"] }]
|
|
58
53
|
}], propDecorators: { href: [{
|
|
@@ -67,10 +62,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
67
62
|
class ButtonComponent {
|
|
68
63
|
appearance = '';
|
|
69
64
|
disabled = false;
|
|
70
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
71
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
65
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ButtonComponent, isStandalone: true, selector: "button[rhc-button]", inputs: { appearance: "appearance", disabled: "disabled" }, host: { properties: { "class.utrecht-button": "true", "class.utrecht-button--primary-action": "appearance === \"primary-action\"", "class.utrecht-button--secondary-action": "appearance === \"secondary-action\"", "class.utrecht-button--subtle-action": "appearance === \"subtle\"", "attr.disabled": "disabled ? \"disabled\" : null" } }, ngImport: i0, template: "<ng-content></ng-content>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
72
67
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
74
69
|
type: Component,
|
|
75
70
|
args: [{ selector: 'button[rhc-button]', imports: [CommonModule], host: {
|
|
76
71
|
'[class.utrecht-button]': 'true',
|
|
@@ -91,10 +86,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
91
86
|
*/
|
|
92
87
|
class ActionGroupComponent {
|
|
93
88
|
direction = 'row';
|
|
94
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
95
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
89
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ActionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
90
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ActionGroupComponent, isStandalone: true, selector: "rhc-action-group", inputs: { direction: "direction" }, ngImport: i0, template: "<!--\n @license EUPL-1.2\n Copyright (c) 2025 Community for NL Design System\n-->\n<div\n [class]=\"{\n 'utrecht-action-group': true,\n 'utrecht-action-group--column': direction === 'column',\n 'utrecht-action-group--column-stretch': direction === 'column-stretch',\n 'utrecht-action-group--row': direction === 'row',\n }\"\n>\n <ng-content />\n</div>\n" });
|
|
96
91
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ActionGroupComponent, decorators: [{
|
|
98
93
|
type: Component,
|
|
99
94
|
args: [{ selector: 'rhc-action-group', imports: [], template: "<!--\n @license EUPL-1.2\n Copyright (c) 2025 Community for NL Design System\n-->\n<div\n [class]=\"{\n 'utrecht-action-group': true,\n 'utrecht-action-group--column': direction === 'column',\n 'utrecht-action-group--column-stretch': direction === 'column-stretch',\n 'utrecht-action-group--row': direction === 'row',\n }\"\n>\n <ng-content />\n</div>\n" }]
|
|
100
95
|
}], propDecorators: { direction: [{
|
|
@@ -102,10 +97,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
102
97
|
}] } });
|
|
103
98
|
|
|
104
99
|
class ImageComponent {
|
|
105
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
106
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
100
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
101
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ImageComponent, isStandalone: true, selector: "img[rhc-image]", host: { properties: { "class.utrecht-img": "true", "class.utrecht-img--photo": "true" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
107
102
|
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ImageComponent, decorators: [{
|
|
109
104
|
type: Component,
|
|
110
105
|
args: [{ selector: 'img[rhc-image]', imports: [], host: {
|
|
111
106
|
'[class.utrecht-img]': 'true',
|
|
@@ -118,10 +113,10 @@ class FigureComponent {
|
|
|
118
113
|
borderEndStartRadius;
|
|
119
114
|
borderStartEndRadius;
|
|
120
115
|
borderStartStartRadius;
|
|
121
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
122
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
116
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FigureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
117
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: FigureComponent, isStandalone: true, selector: "figure[rhc-figure]", inputs: { borderEndEndRadius: "borderEndEndRadius", borderEndStartRadius: "borderEndStartRadius", borderStartEndRadius: "borderStartEndRadius", borderStartStartRadius: "borderStartStartRadius" }, host: { properties: { "class.utrecht-figure": "true", "style.--utrecht-figure-img-border-end-end-radius": "borderEndEndRadius ? borderEndEndRadius + \"px\" : null", "style.--utrecht-figure-img-border-end-start-radius": "borderEndStartRadius ? borderEndStartRadius + \"px\" : null", "style.--utrecht-figure-img-border-start-end-radius": "borderStartEndRadius ? borderStartEndRadius + \"px\" : null", "style.--utrecht-figure-img-border-start-start-radius": "borderStartStartRadius ? borderStartStartRadius + \"px\" : null" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
123
118
|
}
|
|
124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FigureComponent, decorators: [{
|
|
125
120
|
type: Component,
|
|
126
121
|
args: [{ selector: 'figure[rhc-figure]', imports: [], host: {
|
|
127
122
|
'[class.utrecht-figure]': 'true',
|
|
@@ -141,10 +136,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
141
136
|
}] } });
|
|
142
137
|
|
|
143
138
|
class FigureCaptionComponent {
|
|
144
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
145
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
139
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FigureCaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
140
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: FigureCaptionComponent, isStandalone: true, selector: "figcaption[rhc-figure-caption]", host: { properties: { "class.utrecht-figure__caption": "true" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
146
141
|
}
|
|
147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FigureCaptionComponent, decorators: [{
|
|
148
143
|
type: Component,
|
|
149
144
|
args: [{ selector: 'figcaption[rhc-figure-caption]', imports: [], host: {
|
|
150
145
|
'[class.utrecht-figure__caption]': 'true',
|
|
@@ -152,20 +147,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
152
147
|
}] });
|
|
153
148
|
|
|
154
149
|
class IconComponent {
|
|
155
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
156
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
150
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
151
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: IconComponent, isStandalone: true, selector: "rhc-icon", ngImport: i0, template: "<span class=\"utrecht-icon\">\n <ng-content />\n</span>\n", styles: [":host{display:contents}\n"] });
|
|
157
152
|
}
|
|
158
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
153
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: IconComponent, decorators: [{
|
|
159
154
|
type: Component,
|
|
160
155
|
args: [{ selector: 'rhc-icon', template: "<span class=\"utrecht-icon\">\n <ng-content />\n</span>\n", styles: [":host{display:contents}\n"] }]
|
|
161
156
|
}] });
|
|
162
157
|
|
|
163
158
|
class UnorderedListComponent {
|
|
164
159
|
nested = false;
|
|
165
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
166
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
160
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: UnorderedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
161
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: UnorderedListComponent, isStandalone: true, selector: "ul[rhc-unordered-list]", inputs: { nested: "nested" }, host: { properties: { "class.utrecht-unordered-list": "true", "class.utrecht-unordered-list--nested": "nested" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
167
162
|
}
|
|
168
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: UnorderedListComponent, decorators: [{
|
|
169
164
|
type: Component,
|
|
170
165
|
args: [{ selector: 'ul[rhc-unordered-list]', imports: [], host: {
|
|
171
166
|
'[class.utrecht-unordered-list]': 'true',
|
|
@@ -176,10 +171,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
176
171
|
}] } });
|
|
177
172
|
|
|
178
173
|
class UnorderedListItemComponent {
|
|
179
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
180
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
174
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: UnorderedListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
175
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: UnorderedListItemComponent, isStandalone: true, selector: "li[rhc-unordered-list-item]", host: { properties: { "class.utrecht-unordered-list__item": "true" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
181
176
|
}
|
|
182
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: UnorderedListItemComponent, decorators: [{
|
|
183
178
|
type: Component,
|
|
184
179
|
args: [{ selector: 'li[rhc-unordered-list-item]', imports: [], host: {
|
|
185
180
|
'[class.utrecht-unordered-list__item]': 'true',
|
|
@@ -188,10 +183,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
188
183
|
|
|
189
184
|
class ColumnLayoutComponent {
|
|
190
185
|
rule = false;
|
|
191
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
192
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
186
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ColumnLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
187
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ColumnLayoutComponent, isStandalone: true, selector: "rhc-column-layout", inputs: { rule: "rule" }, ngImport: i0, template: "<div\n [class]=\"{\n 'utrecht-column-layout': true,\n 'utrecht-column-layout--rule': rule,\n }\"\n>\n <ng-content></ng-content>\n</div>\n" });
|
|
193
188
|
}
|
|
194
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ColumnLayoutComponent, decorators: [{
|
|
195
190
|
type: Component,
|
|
196
191
|
args: [{ selector: 'rhc-column-layout', imports: [], template: "<div\n [class]=\"{\n 'utrecht-column-layout': true,\n 'utrecht-column-layout--rule': rule,\n }\"\n>\n <ng-content></ng-content>\n</div>\n" }]
|
|
197
192
|
}], propDecorators: { rule: [{
|
|
@@ -201,10 +196,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
201
196
|
class LogoComponent {
|
|
202
197
|
organisation;
|
|
203
198
|
subtitle;
|
|
204
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
205
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
199
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
200
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: LogoComponent, isStandalone: true, selector: "figure[rhc-logo]", inputs: { organisation: "organisation", subtitle: "subtitle" }, host: { properties: { "class.rhc-logo": "true" } }, ngImport: i0, template: "<div class=\"rhc-logo__image\">\n <ng-content></ng-content>\n</div>\n<figcaption class=\"rhc-logo__caption\">\n <p class=\"rhc-logo__title\">{{ organisation }}</p>\n @if (subtitle) {\n <p class=\"rhc-logo__subtitle\">{{ subtitle }}</p>\n }\n</figcaption>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
206
201
|
}
|
|
207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LogoComponent, decorators: [{
|
|
208
203
|
type: Component,
|
|
209
204
|
args: [{ selector: 'figure[rhc-logo]', imports: [CommonModule], host: { '[class.rhc-logo]': 'true' }, template: "<div class=\"rhc-logo__image\">\n <ng-content></ng-content>\n</div>\n<figcaption class=\"rhc-logo__caption\">\n <p class=\"rhc-logo__title\">{{ organisation }}</p>\n @if (subtitle) {\n <p class=\"rhc-logo__subtitle\">{{ subtitle }}</p>\n }\n</figcaption>\n" }]
|
|
210
205
|
}], propDecorators: { organisation: [{
|
|
@@ -223,10 +218,10 @@ class FormFieldComponent {
|
|
|
223
218
|
showLabel = true;
|
|
224
219
|
showDescription = false;
|
|
225
220
|
constructor() { }
|
|
226
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
227
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
221
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
222
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FormFieldComponent, isStandalone: true, selector: "rhc-form-field", inputs: { type: "type", class: "class", invalid: "invalid", showInput: "showInput", showLabel: "showLabel", showDescription: "showDescription" }, ngImport: i0, template: "<div\n [ngClass]=\"{\n 'utrecht-form-field': true,\n 'rhc-form-field': true,\n 'utrecht-form-field--invalid': invalid,\n 'utrecht-form-field--checkbox': type === 'checkbox',\n 'utrecht-form-field--radio': type === 'radio',\n 'utrecht-form-field--text': type === 'text',\n }\"\n [class]=\"class\"\n>\n @if (showLabel) {\n <div class=\"utrecht-form-field__label\">\n <ng-content select=\"[rhc-form-label]\"></ng-content>\n </div>\n }\n\n @if (showDescription) {\n <div class=\"utrecht-form-field__description\">\n <ng-content select=\"rhc-form-field-description\"></ng-content>\n </div>\n }\n\n @if (invalid) {\n <div class=\"utrecht-form-field__error-message\">\n <ng-content select=\"rhc-form-field-error-message\"></ng-content>\n </div>\n }\n\n @if (showInput) {\n <div class=\"utrecht-form-field__input\">\n <ng-content select=\"[rhc-text-input]\"></ng-content>\n </div>\n }\n\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
228
223
|
}
|
|
229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
224
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FormFieldComponent, decorators: [{
|
|
230
225
|
type: Component,
|
|
231
226
|
args: [{ selector: 'rhc-form-field', imports: [NgClass], template: "<div\n [ngClass]=\"{\n 'utrecht-form-field': true,\n 'rhc-form-field': true,\n 'utrecht-form-field--invalid': invalid,\n 'utrecht-form-field--checkbox': type === 'checkbox',\n 'utrecht-form-field--radio': type === 'radio',\n 'utrecht-form-field--text': type === 'text',\n }\"\n [class]=\"class\"\n>\n @if (showLabel) {\n <div class=\"utrecht-form-field__label\">\n <ng-content select=\"[rhc-form-label]\"></ng-content>\n </div>\n }\n\n @if (showDescription) {\n <div class=\"utrecht-form-field__description\">\n <ng-content select=\"rhc-form-field-description\"></ng-content>\n </div>\n }\n\n @if (invalid) {\n <div class=\"utrecht-form-field__error-message\">\n <ng-content select=\"rhc-form-field-error-message\"></ng-content>\n </div>\n }\n\n @if (showInput) {\n <div class=\"utrecht-form-field__input\">\n <ng-content select=\"[rhc-text-input]\"></ng-content>\n </div>\n }\n\n <ng-content></ng-content>\n</div>\n" }]
|
|
232
227
|
}], ctorParameters: () => [], propDecorators: { type: [{
|
|
@@ -248,10 +243,10 @@ class FormFieldDescriptionComponent {
|
|
|
248
243
|
valid = false;
|
|
249
244
|
warning = false;
|
|
250
245
|
class;
|
|
251
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
252
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
246
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FormFieldDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
247
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: FormFieldDescriptionComponent, isStandalone: true, selector: "rhc-form-field-description", inputs: { invalid: "invalid", valid: "valid", warning: "warning", class: "class" }, ngImport: i0, template: "<div\n [ngClass]=\"{\n 'utrecht-form-field-description': true,\n 'utrecht-form-field-description--invalid': invalid,\n 'utrecht-form-field-description--valid': valid,\n 'utrecht-form-field-description--warning': warning,\n }\"\n [class]=\"class\"\n>\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
253
248
|
}
|
|
254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FormFieldDescriptionComponent, decorators: [{
|
|
255
250
|
type: Component,
|
|
256
251
|
args: [{ selector: 'rhc-form-field-description', imports: [NgClass], template: "<div\n [ngClass]=\"{\n 'utrecht-form-field-description': true,\n 'utrecht-form-field-description--invalid': invalid,\n 'utrecht-form-field-description--valid': valid,\n 'utrecht-form-field-description--warning': warning,\n }\"\n [class]=\"class\"\n>\n <ng-content></ng-content>\n</div>\n" }]
|
|
257
252
|
}], propDecorators: { invalid: [{
|
|
@@ -265,10 +260,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
265
260
|
}] } });
|
|
266
261
|
|
|
267
262
|
class FormFieldErrorMessageComponent {
|
|
268
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
269
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
263
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FormFieldErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
264
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: FormFieldErrorMessageComponent, isStandalone: true, selector: "rhc-form-field-error-message", ngImport: i0, template: "<div class=\"utrecht-form-field-error-message\">\n <ng-content></ng-content>\n</div>\n" });
|
|
270
265
|
}
|
|
271
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FormFieldErrorMessageComponent, decorators: [{
|
|
272
267
|
type: Component,
|
|
273
268
|
args: [{ selector: 'rhc-form-field-error-message', template: "<div class=\"utrecht-form-field-error-message\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
274
269
|
}] });
|
|
@@ -277,10 +272,10 @@ class FormLabelComponent {
|
|
|
277
272
|
disabled = false;
|
|
278
273
|
checked = false;
|
|
279
274
|
type;
|
|
280
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
281
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
275
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FormLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
276
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: FormLabelComponent, isStandalone: true, selector: "label[rhc-form-label]", inputs: { disabled: "disabled", checked: "checked", type: "type" }, host: { properties: { "class.utrecht-form-label": "true", "class.utrecht-form-label--disabled": "disabled", "class.utrecht-form-label--checked": "checked", "class.utrecht-form-label--radio": "type === \"radio\"", "class.utrecht-form-label--checkbox": "type === \"checkbox\"" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
282
277
|
}
|
|
283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
278
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FormLabelComponent, decorators: [{
|
|
284
279
|
type: Component,
|
|
285
280
|
args: [{ selector: 'label[rhc-form-label]', imports: [], host: {
|
|
286
281
|
'[class.utrecht-form-label]': 'true',
|
|
@@ -311,10 +306,10 @@ class TextInputComponent {
|
|
|
311
306
|
*/
|
|
312
307
|
inputRequired = false;
|
|
313
308
|
readonly = false;
|
|
314
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
315
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
309
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
310
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: TextInputComponent, isStandalone: true, selector: "input[rhc-text-input]", inputs: { disabled: "disabled", invalid: "invalid", required: "required", inputRequired: "inputRequired", readonly: "readonly" }, host: { properties: { "class.utrecht-textbox": "true", "class.utrecht-textbox--html-input": "true", "class.utrecht-textbox--disabled": "disabled", "class.utrecht-textbox--invalid": "invalid", "class.utrecht-textbox--readonly": "readonly", "class.utrecht-textbox--required": "required", "attr.aria-invalid": "invalid || undefined", "attr.disabled": "disabled ? \"disabled\": null", "attr.required": "inputRequired ? \"required\": null", "attr.aria-required": "required ? \"true\" : null", "attr.readonly": "readonly ? \"readonly\" : null" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
316
311
|
}
|
|
317
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
312
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
318
313
|
type: Component,
|
|
319
314
|
args: [{ selector: 'input[rhc-text-input]', imports: [], host: {
|
|
320
315
|
'[class.utrecht-textbox]': 'true',
|
|
@@ -384,7 +379,7 @@ class FormFieldTextInputComponent {
|
|
|
384
379
|
this.onTouched();
|
|
385
380
|
}
|
|
386
381
|
writeValue(value) {
|
|
387
|
-
this.value = value;
|
|
382
|
+
this.value = value ?? '';
|
|
388
383
|
}
|
|
389
384
|
registerOnChange(fn) {
|
|
390
385
|
this.onChange = fn;
|
|
@@ -395,16 +390,16 @@ class FormFieldTextInputComponent {
|
|
|
395
390
|
setDisabledState(isDisabled) {
|
|
396
391
|
this.disabled = isDisabled;
|
|
397
392
|
}
|
|
398
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
399
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
393
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FormFieldTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
394
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FormFieldTextInputComponent, isStandalone: true, selector: "rhc-form-field-text-input", inputs: { invalid: "invalid", showDescription: "showDescription", label: "label", errorMessage: "errorMessage", description: "description", status: "status", required: "required", inputRequired: "inputRequired", readonly: "readonly", dir: "dir", name: "name", autocomplete: "autocomplete", placeholder: "placeholder", size: "size", minLength: "minLength", maxLength: "maxLength", min: "min", max: "max", step: "step", type: "type", inputId: "inputId", value: "value" }, providers: [
|
|
400
395
|
{
|
|
401
396
|
provide: NG_VALUE_ACCESSOR,
|
|
402
397
|
useExisting: forwardRef(() => FormFieldTextInputComponent),
|
|
403
398
|
multi: true,
|
|
404
399
|
},
|
|
405
|
-
], ngImport: i0, template: "<rhc-form-field\n type=\"text\"\n [invalid]=\"invalid\"\n [showDescription]=\"showDescription\"\n [showInput]=\"true\"\n [showLabel]=\"true\"\n [dir]=\"dir\"\n>\n <label rhc-form-label [for]=\"inputId\">{{ label }}</label>\n <rhc-form-field-description>{{ description }}</rhc-form-field-description>\n <rhc-form-field-error-message>\n {{ errorMessage }}\n </rhc-form-field-error-message>\n <input\n rhc-text-input\n (input)=\"onValueChange($event)\"\n (blur)=\"markAsTouched()\"\n [id]=\"inputId\"\n [invalid]=\"invalid\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [inputRequired]=\"inputRequired\"\n [attr.dir]=\"dir\"\n [attr.name]=\"name\"\n [attr.autocomplete]=\"autocomplete\"\n [attr.placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.type]=\"type\"\n />\n @if (status) {\n <div class=\"utrecht-form-field__status\">\n {{ status }}\n </div>\n }\n</rhc-form-field>\n", dependencies: [{ kind: "component", type: FormFieldComponent, selector: "rhc-form-field", inputs: ["type", "class", "invalid", "showInput", "showLabel", "showDescription"] }, { kind: "component", type: FormLabelComponent, selector: "label[rhc-form-label]", inputs: ["disabled", "checked", "type"] }, { kind: "component", type: TextInputComponent, selector: "input[rhc-text-input]", inputs: ["disabled", "invalid", "required", "inputRequired", "readonly"] }, { kind: "component", type: FormFieldErrorMessageComponent, selector: "rhc-form-field-error-message" }, { kind: "component", type: FormFieldDescriptionComponent, selector: "rhc-form-field-description", inputs: ["invalid", "valid", "warning", "class"] }] });
|
|
400
|
+
], ngImport: i0, template: "<rhc-form-field\n type=\"text\"\n [invalid]=\"invalid\"\n [showDescription]=\"showDescription\"\n [showInput]=\"true\"\n [showLabel]=\"true\"\n [dir]=\"dir\"\n>\n <label rhc-form-label [for]=\"inputId\">{{ label }}</label>\n <rhc-form-field-description>{{ description }}</rhc-form-field-description>\n <rhc-form-field-error-message>\n {{ errorMessage }}\n </rhc-form-field-error-message>\n <input\n rhc-text-input\n [value]=\"value\"\n (input)=\"onValueChange($event)\"\n (blur)=\"markAsTouched()\"\n [id]=\"inputId\"\n [invalid]=\"invalid\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [inputRequired]=\"inputRequired\"\n [attr.dir]=\"dir\"\n [attr.name]=\"name\"\n [attr.autocomplete]=\"autocomplete\"\n [attr.placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.type]=\"type\"\n />\n @if (status) {\n <div class=\"utrecht-form-field__status\">\n {{ status }}\n </div>\n }\n</rhc-form-field>\n", dependencies: [{ kind: "component", type: FormFieldComponent, selector: "rhc-form-field", inputs: ["type", "class", "invalid", "showInput", "showLabel", "showDescription"] }, { kind: "component", type: FormLabelComponent, selector: "label[rhc-form-label]", inputs: ["disabled", "checked", "type"] }, { kind: "component", type: TextInputComponent, selector: "input[rhc-text-input]", inputs: ["disabled", "invalid", "required", "inputRequired", "readonly"] }, { kind: "component", type: FormFieldErrorMessageComponent, selector: "rhc-form-field-error-message" }, { kind: "component", type: FormFieldDescriptionComponent, selector: "rhc-form-field-description", inputs: ["invalid", "valid", "warning", "class"] }] });
|
|
406
401
|
}
|
|
407
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FormFieldTextInputComponent, decorators: [{
|
|
408
403
|
type: Component,
|
|
409
404
|
args: [{ selector: 'rhc-form-field-text-input', imports: [
|
|
410
405
|
FormFieldComponent,
|
|
@@ -418,7 +413,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
418
413
|
useExisting: forwardRef(() => FormFieldTextInputComponent),
|
|
419
414
|
multi: true,
|
|
420
415
|
},
|
|
421
|
-
], template: "<rhc-form-field\n type=\"text\"\n [invalid]=\"invalid\"\n [showDescription]=\"showDescription\"\n [showInput]=\"true\"\n [showLabel]=\"true\"\n [dir]=\"dir\"\n>\n <label rhc-form-label [for]=\"inputId\">{{ label }}</label>\n <rhc-form-field-description>{{ description }}</rhc-form-field-description>\n <rhc-form-field-error-message>\n {{ errorMessage }}\n </rhc-form-field-error-message>\n <input\n rhc-text-input\n (input)=\"onValueChange($event)\"\n (blur)=\"markAsTouched()\"\n [id]=\"inputId\"\n [invalid]=\"invalid\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [inputRequired]=\"inputRequired\"\n [attr.dir]=\"dir\"\n [attr.name]=\"name\"\n [attr.autocomplete]=\"autocomplete\"\n [attr.placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.type]=\"type\"\n />\n @if (status) {\n <div class=\"utrecht-form-field__status\">\n {{ status }}\n </div>\n }\n</rhc-form-field>\n" }]
|
|
416
|
+
], template: "<rhc-form-field\n type=\"text\"\n [invalid]=\"invalid\"\n [showDescription]=\"showDescription\"\n [showInput]=\"true\"\n [showLabel]=\"true\"\n [dir]=\"dir\"\n>\n <label rhc-form-label [for]=\"inputId\">{{ label }}</label>\n <rhc-form-field-description>{{ description }}</rhc-form-field-description>\n <rhc-form-field-error-message>\n {{ errorMessage }}\n </rhc-form-field-error-message>\n <input\n rhc-text-input\n [value]=\"value\"\n (input)=\"onValueChange($event)\"\n (blur)=\"markAsTouched()\"\n [id]=\"inputId\"\n [invalid]=\"invalid\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [inputRequired]=\"inputRequired\"\n [attr.dir]=\"dir\"\n [attr.name]=\"name\"\n [attr.autocomplete]=\"autocomplete\"\n [attr.placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.type]=\"type\"\n />\n @if (status) {\n <div class=\"utrecht-form-field__status\">\n {{ status }}\n </div>\n }\n</rhc-form-field>\n" }]
|
|
422
417
|
}], propDecorators: { invalid: [{
|
|
423
418
|
type: Input
|
|
424
419
|
}], showDescription: [{
|
|
@@ -462,14 +457,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
462
457
|
}], inputId: [{
|
|
463
458
|
type: Input,
|
|
464
459
|
args: [{ required: true }]
|
|
460
|
+
}], value: [{
|
|
461
|
+
type: Input
|
|
465
462
|
}] } });
|
|
466
463
|
|
|
467
464
|
class LinkListLinkComponent {
|
|
468
465
|
href;
|
|
469
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
470
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
466
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LinkListLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
467
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: LinkListLinkComponent, isStandalone: true, selector: "a[rhc-link-list-link]", inputs: { href: "href" }, host: { properties: { "class.utrecht-link-list__link": "true", "class.utrecht-link": "true", "class.utrecht-link--html-a": "true" } }, ngImport: i0, template: "<ng-content select=\"[icon]\"></ng-content>\n<span class=\"utrecht-link-list__link-text\">\n <ng-content></ng-content>\n</span>\n" });
|
|
471
468
|
}
|
|
472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
469
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LinkListLinkComponent, decorators: [{
|
|
473
470
|
type: Component,
|
|
474
471
|
args: [{ selector: 'a[rhc-link-list-link]', imports: [], host: {
|
|
475
472
|
'[class.utrecht-link-list__link]': 'true',
|
|
@@ -482,19 +479,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
482
479
|
}] } });
|
|
483
480
|
|
|
484
481
|
class LinkListComponent {
|
|
485
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
486
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
482
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
483
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: LinkListComponent, isStandalone: true, selector: "rhc-link-list", ngImport: i0, template: "<ul class=\"rhc-link-list utrecht-link-list utrecht-link-list--html-ul\">\n <ng-content></ng-content>\n</ul>\n" });
|
|
487
484
|
}
|
|
488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
485
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LinkListComponent, decorators: [{
|
|
489
486
|
type: Component,
|
|
490
487
|
args: [{ selector: 'rhc-link-list', imports: [], template: "<ul class=\"rhc-link-list utrecht-link-list utrecht-link-list--html-ul\">\n <ng-content></ng-content>\n</ul>\n" }]
|
|
491
488
|
}] });
|
|
492
489
|
|
|
493
490
|
class LinkListItemComponent {
|
|
494
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
495
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
491
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LinkListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
492
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: LinkListItemComponent, isStandalone: true, selector: "li[rhc-link-list-item]", host: { properties: { "class.utrecht-link-list__item": "true" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
496
493
|
}
|
|
497
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
494
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LinkListItemComponent, decorators: [{
|
|
498
495
|
type: Component,
|
|
499
496
|
args: [{ selector: 'li[rhc-link-list-item]', imports: [], host: {
|
|
500
497
|
'[class.utrecht-link-list__item]': 'true',
|
|
@@ -503,10 +500,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
503
500
|
|
|
504
501
|
class NavbarComponent {
|
|
505
502
|
showEndItems = false;
|
|
506
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
507
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
503
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
504
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: NavbarComponent, isStandalone: true, selector: "rhc-navbar", inputs: { showEndItems: "showEndItems" }, ngImport: i0, template: "<div class=\"rhc-nav-bar__container\">\n <nav class=\"rhc-nav-bar\">\n <ul class=\"rhc-nav-bar__list\">\n <ng-content select=\"[rhc-navbar-item][rhcHeadingItem]\"></ng-content>\n <ng-content select=\"[rhc-navbar-item]:not([rhcEndItem])\"></ng-content>\n </ul>\n @if (showEndItems) {\n <ul class=\"rhc-nav-bar__list rhc-nav-bar__list--end\">\n <ng-content select=\"[rhc-navbar-item][rhcEndItem]\"></ng-content>\n </ul>\n }\n <ng-content></ng-content>\n </nav>\n</div>\n" });
|
|
508
505
|
}
|
|
509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarComponent, decorators: [{
|
|
510
507
|
type: Component,
|
|
511
508
|
args: [{ selector: 'rhc-navbar', imports: [], template: "<div class=\"rhc-nav-bar__container\">\n <nav class=\"rhc-nav-bar\">\n <ul class=\"rhc-nav-bar__list\">\n <ng-content select=\"[rhc-navbar-item][rhcHeadingItem]\"></ng-content>\n <ng-content select=\"[rhc-navbar-item]:not([rhcEndItem])\"></ng-content>\n </ul>\n @if (showEndItems) {\n <ul class=\"rhc-nav-bar__list rhc-nav-bar__list--end\">\n <ng-content select=\"[rhc-navbar-item][rhcEndItem]\"></ng-content>\n </ul>\n }\n <ng-content></ng-content>\n </nav>\n</div>\n" }]
|
|
512
509
|
}], propDecorators: { showEndItems: [{
|
|
@@ -515,10 +512,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
515
512
|
|
|
516
513
|
class NavbarItemComponent {
|
|
517
514
|
href;
|
|
518
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
519
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
515
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
516
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: NavbarItemComponent, isStandalone: true, selector: "li[rhc-navbar-item]", inputs: { href: "href" }, host: { properties: { "class.rhc-nav-bar__item": "true" } }, ngImport: i0, template: "<a [href]=\"href\" class=\"nl-link rhc-link rhc-nav-bar__link\">\n <ng-content select=\"[icon]\"></ng-content>\n <span class=\"rhc-nav-bar__label\">\n <ng-content></ng-content>\n </span>\n</a>\n" });
|
|
520
517
|
}
|
|
521
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarItemComponent, decorators: [{
|
|
522
519
|
type: Component,
|
|
523
520
|
args: [{ selector: 'li[rhc-navbar-item]', imports: [], host: {
|
|
524
521
|
'[class.rhc-nav-bar__item]': 'true',
|
|
@@ -530,10 +527,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
530
527
|
|
|
531
528
|
class HeadingItemDirective {
|
|
532
529
|
className = 'rhc-nav-bar__heading';
|
|
533
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
534
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
530
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: HeadingItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
531
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: HeadingItemDirective, isStandalone: true, selector: "[rhcHeadingItem]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
535
532
|
}
|
|
536
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: HeadingItemDirective, decorators: [{
|
|
537
534
|
type: Directive,
|
|
538
535
|
args: [{
|
|
539
536
|
selector: '[rhcHeadingItem]',
|
|
@@ -548,10 +545,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
548
545
|
* Een endItem wordt aan het einde van de navbar geplaatst.
|
|
549
546
|
*/
|
|
550
547
|
class EndItemDirective {
|
|
551
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
552
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
548
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: EndItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
549
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: EndItemDirective, isStandalone: true, selector: "[rhcEndItem]", ngImport: i0 });
|
|
553
550
|
}
|
|
554
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
551
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: EndItemDirective, decorators: [{
|
|
555
552
|
type: Directive,
|
|
556
553
|
args: [{
|
|
557
554
|
selector: '[rhcEndItem]',
|
|
@@ -569,10 +566,10 @@ class FooterComponent {
|
|
|
569
566
|
get backgroundClass() {
|
|
570
567
|
return `rhc-page-footer--${this.background}`;
|
|
571
568
|
}
|
|
572
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
573
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
569
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
570
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FooterComponent, isStandalone: true, selector: "footer[rhc-footer]", inputs: { background: "background", preFooter: "preFooter", preFooterMessage: "preFooterMessage", heading: "heading", tagline: "tagline", appearanceLevel: "appearanceLevel", subFooter: "subFooter" }, ngImport: i0, template: "<footer class=\"rhc-page-footer-container\">\n @if (preFooter) {\n <div class=\"rhc-page-prefooter\">\n @if (preFooterMessage) {\n <span class=\"rhc-page-prefooter__content\">{{ preFooterMessage }}</span>\n }\n </div>\n }\n\n <div [class]=\"`utrecht-page-footer rhc-page-footer ${backgroundClass}`\">\n <div class=\"utrecht-page-footer__content\">\n <div class=\"rhc-page-footer-layout\">\n @if (heading) {\n <h2 aria-hidden=\"true\" hidden>{{ heading }}</h2>\n }\n @if (tagline) {\n <div class=\"rhc-page-footer__tagline\">\n <rhc-heading [level]=\"2\" [appearanceLevel]=\"appearanceLevel\" role=\"presentation\">{{ tagline }}</rhc-heading>\n </div>\n }\n <rhc-column-layout>\n <ng-content select=\"[columns]\"></ng-content>\n </rhc-column-layout>\n </div>\n </div>\n </div>\n\n @if (subFooter) {\n <div [class]=\"`utrecht-page-footer rhc-page-footer rhc-page-footer--subfooter ${backgroundClass}`\">\n <div class=\"utrecht-page-footer__content\">\n <div class=\"rhc-page-subfooter-layout\">\n <ng-content select=\"[subFooter]\"></ng-content>\n </div>\n </div>\n </div>\n }\n</footer>\n", styles: [".nl-link{--nl-link-hover-text-decoration: underline;color:inherit}.nl-link:hover{text-decoration:var(--nl-link-hover-text-decoration)}\n"], dependencies: [{ kind: "component", type: HeadingComponent, selector: "rhc-heading", inputs: ["level", "appearanceLevel"] }, { kind: "component", type: ColumnLayoutComponent, selector: "rhc-column-layout", inputs: ["rule"] }] });
|
|
574
571
|
}
|
|
575
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FooterComponent, decorators: [{
|
|
576
573
|
type: Component,
|
|
577
574
|
args: [{ selector: 'footer[rhc-footer]', imports: [HeadingComponent, ColumnLayoutComponent], template: "<footer class=\"rhc-page-footer-container\">\n @if (preFooter) {\n <div class=\"rhc-page-prefooter\">\n @if (preFooterMessage) {\n <span class=\"rhc-page-prefooter__content\">{{ preFooterMessage }}</span>\n }\n </div>\n }\n\n <div [class]=\"`utrecht-page-footer rhc-page-footer ${backgroundClass}`\">\n <div class=\"utrecht-page-footer__content\">\n <div class=\"rhc-page-footer-layout\">\n @if (heading) {\n <h2 aria-hidden=\"true\" hidden>{{ heading }}</h2>\n }\n @if (tagline) {\n <div class=\"rhc-page-footer__tagline\">\n <rhc-heading [level]=\"2\" [appearanceLevel]=\"appearanceLevel\" role=\"presentation\">{{ tagline }}</rhc-heading>\n </div>\n }\n <rhc-column-layout>\n <ng-content select=\"[columns]\"></ng-content>\n </rhc-column-layout>\n </div>\n </div>\n </div>\n\n @if (subFooter) {\n <div [class]=\"`utrecht-page-footer rhc-page-footer rhc-page-footer--subfooter ${backgroundClass}`\">\n <div class=\"utrecht-page-footer__content\">\n <div class=\"rhc-page-subfooter-layout\">\n <ng-content select=\"[subFooter]\"></ng-content>\n </div>\n </div>\n </div>\n }\n</footer>\n", styles: [".nl-link{--nl-link-hover-text-decoration: underline;color:inherit}.nl-link:hover{text-decoration:var(--nl-link-hover-text-decoration)}\n"] }]
|
|
578
575
|
}], propDecorators: { background: [{
|
|
@@ -593,10 +590,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
593
590
|
|
|
594
591
|
class DataSummaryComponent {
|
|
595
592
|
appearance = 'Column';
|
|
596
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
597
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
593
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
594
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: DataSummaryComponent, isStandalone: true, selector: "rhc-data-summary", inputs: { appearance: "appearance" }, ngImport: i0, template: "<dl\n [ngClass]=\"{\n 'rhc-data-summary': true,\n 'rhc-data-summary--column': appearance === 'Column',\n 'rhc-data-summary--row': appearance === 'Row',\n }\"\n>\n <ng-content></ng-content>\n</dl>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
598
595
|
}
|
|
599
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataSummaryComponent, decorators: [{
|
|
600
597
|
type: Component,
|
|
601
598
|
args: [{ selector: 'rhc-data-summary', imports: [CommonModule], template: "<dl\n [ngClass]=\"{\n 'rhc-data-summary': true,\n 'rhc-data-summary--column': appearance === 'Column',\n 'rhc-data-summary--row': appearance === 'Row',\n }\"\n>\n <ng-content></ng-content>\n</dl>\n" }]
|
|
602
599
|
}], propDecorators: { appearance: [{
|
|
@@ -609,10 +606,10 @@ class DataSummaryItemComponent {
|
|
|
609
606
|
href;
|
|
610
607
|
target = '_self';
|
|
611
608
|
actionLabel;
|
|
612
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
613
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
609
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataSummaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
610
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: DataSummaryItemComponent, isStandalone: true, selector: "div[rhc-data-summary-item]", inputs: { key: "key", value: "value", href: "href", target: "target", actionLabel: "actionLabel" }, host: { properties: { "class.rhc-data-summary__item": "true" } }, ngImport: i0, template: "<ng-content>\n <dt class=\"rhc-data-summary__item-key\">\n {{ key }}\n </dt>\n <dd class=\"rhc-data-summary__item-value\">\n {{ value }}\n </dd>\n @if (href && actionLabel) {\n <dd class=\"rhc-data-summary__item-action\">\n <rhc-link [href]=\"href\" [target]=\"target\">\n {{ actionLabel }}\n </rhc-link>\n </dd>\n }\n</ng-content>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: LinkComponent, selector: "rhc-link", inputs: ["href", "inline", "target"] }] });
|
|
614
611
|
}
|
|
615
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataSummaryItemComponent, decorators: [{
|
|
616
613
|
type: Component,
|
|
617
614
|
args: [{ selector: 'div[rhc-data-summary-item]', imports: [CommonModule, LinkComponent], host: {
|
|
618
615
|
'[class.rhc-data-summary__item]': 'true',
|
|
@@ -643,20 +640,20 @@ class BackToTopComponent {
|
|
|
643
640
|
return;
|
|
644
641
|
$target.focus({ preventScroll: true }); // Ensure target is focusable, ie via tabindex={-1} on #main
|
|
645
642
|
};
|
|
646
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
647
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
643
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BackToTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
644
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: BackToTopComponent, isStandalone: true, selector: "rhc-back-to-top", providers: [
|
|
648
645
|
{
|
|
649
646
|
provide: Window,
|
|
650
|
-
useValue:
|
|
647
|
+
useValue: globalThis,
|
|
651
648
|
},
|
|
652
649
|
], ngImport: i0, template: "<a class=\"rhc-page-subfooter__backtotop\" href=\"#main\" (click)=\"scrollBackToTop($event)\">\n <ng-content></ng-content>\n</a>\n", styles: [":host{margin-left:auto}\n"] });
|
|
653
650
|
}
|
|
654
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
651
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BackToTopComponent, decorators: [{
|
|
655
652
|
type: Component,
|
|
656
653
|
args: [{ selector: 'rhc-back-to-top', imports: [], providers: [
|
|
657
654
|
{
|
|
658
655
|
provide: Window,
|
|
659
|
-
useValue:
|
|
656
|
+
useValue: globalThis,
|
|
660
657
|
},
|
|
661
658
|
], template: "<a class=\"rhc-page-subfooter__backtotop\" href=\"#main\" (click)=\"scrollBackToTop($event)\">\n <ng-content></ng-content>\n</a>\n", styles: [":host{margin-left:auto}\n"] }]
|
|
662
659
|
}] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rijkshuisstijl-community-components-angular.mjs","sources":["../../src/heading/heading.component.ts","../../src/heading/heading.component.html","../../src/paragraph/paragraph.component.ts","../../src/paragraph/paragraph.component.html","../../src/link/link.component.ts","../../src/link/link.component.html","../../src/button/button.component.ts","../../src/button/button.component.html","../../src/action-group/action-group.component.ts","../../src/action-group/action-group.component.html","../../src/image/image.component.ts","../../src/image/image.component.html","../../src/figure/figure.component.ts","../../src/figure/figure.component.html","../../src/figure-caption/figure-caption.component.ts","../../src/figure-caption/figure-caption.component.html","../../src/icon/icon.component.ts","../../src/icon/icon.component.html","../../src/unordered-list/unordered-list.component.ts","../../src/unordered-list/unordered-list.component.html","../../src/unordered-list-item/unordered-list-item.component.ts","../../src/unordered-list-item/unordered-list-item.component.html","../../src/column-layout/column-layout.component.ts","../../src/column-layout/column-layout.component.html","../../src/logo/logo.component.ts","../../src/logo/logo.component.html","../../src/form-field/form-field.component.ts","../../src/form-field/form-field.component.html","../../src/form-field-description/form-field-description.component.ts","../../src/form-field-description/form-field-description.component.html","../../src/form-field-error-message/form-field-error-message.component.ts","../../src/form-field-error-message/form-field-error-message.component.html","../../src/form-label/form-label.component.ts","../../src/form-label/form-label.component.html","../../src/text-input/text-input.component.ts","../../src/text-input/text-input.component.html","../../src/form-field-text-input/form-field-text-input.component.ts","../../src/form-field-text-input/form-field-text-input.component.html","../../src/link-list-link/link-list-link.component.ts","../../src/link-list-link/link-list-link.component.html","../../src/link-list/link-list.component.ts","../../src/link-list/link-list.component.html","../../src/link-list-item/link-list-item.component.ts","../../src/link-list-item/link-list-item.component.html","../../src/navbar/navbar.component.ts","../../src/navbar/navbar.component.html","../../src/navbar-item/navbar-item.component.ts","../../src/navbar-item/navbar-item.component.html","../../src/navbar-item/heading-item.directive.ts","../../src/navbar-item/end-item.directive.ts","../../src/footer/footer.component.ts","../../src/footer/footer.component.html","../../src/data-summary/data-summary.component.ts","../../src/data-summary/data-summary.component.html","../../src/data-summary-item/data-summary-item.component.ts","../../src/data-summary-item/data-summary-item.component.html","../../src/back-to-top/back-to-top.component.ts","../../src/back-to-top/back-to-top.component.html","../../src/public-api.ts","../../src/rijkshuisstijl-community-components-angular.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\nexport const headingLevels = [1, 2, 3, 4, 5] as const;\nexport type HeadingLevel = (typeof headingLevels)[number];\n\n@Component({\n selector: 'rhc-heading',\n imports: [CommonModule],\n templateUrl: './heading.component.html',\n styleUrl: './heading.component.css',\n})\nexport class HeadingComponent {\n @Input({ required: true }) level!: HeadingLevel;\n @Input() appearanceLevel?: HeadingLevel;\n\n stylingLevel = () => this.appearanceLevel ?? this.level;\n computedClasses = () => `nl-heading nl-heading--level-${this.stylingLevel()}`;\n}\n","@switch (level) {\n @case (1) {\n <h1 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h1>\n }\n @case (2) {\n <h2 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h2>\n }\n @case (3) {\n <h3 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h3>\n }\n @case (4) {\n <h4 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h4>\n }\n @case (5) {\n <h5 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h5>\n }\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n","import { Component, Input } from '@angular/core';\n\nexport const appearanceOptions = [undefined, 'lead'] as const;\nexport type AppearanceType = (typeof appearanceOptions)[number];\n\n@Component({\n selector: 'rhc-paragraph',\n imports: [],\n templateUrl: './paragraph.component.html',\n styleUrl: './paragraph.component.css',\n})\nexport class ParagraphComponent {\n @Input() appearance?: AppearanceType;\n\n computedClass = () => {\n switch (this.appearance) {\n case 'lead':\n return 'nl-paragraph nl-paragraph--lead';\n default:\n return 'nl-paragraph';\n }\n };\n}\n","<p class=\"{{ computedClass() }}\">\n <ng-content></ng-content>\n</p>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-link',\n imports: [],\n templateUrl: './link.component.html',\n styleUrl: './link.component.css',\n})\nexport class LinkComponent {\n @Input({ required: true }) href!: string;\n @Input() inline?: boolean;\n @Input() target?: '_self' | '_blank' | '_parent' | '_top' | '_unfencedTop' = '_self';\n\n computedClasses = () => `nl-link rhc-link ${this.inline ? 'rhc-link--inline' : ''}`;\n}\n","<a href=\"{{ href }}\" class=\"{{ computedClasses() }}\" target=\"{{ target }}\">\n <ng-content></ng-content>\n</a>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'button[rhc-button]',\n imports: [CommonModule],\n templateUrl: './button.component.html',\n host: {\n '[class.utrecht-button]': 'true',\n '[class.utrecht-button--primary-action]': 'appearance === \"primary-action\"',\n '[class.utrecht-button--secondary-action]': 'appearance === \"secondary-action\"',\n '[class.utrecht-button--subtle-action]': 'appearance === \"subtle\"',\n '[attr.disabled]': 'disabled ? \"disabled\" : null',\n },\n})\nexport class ButtonComponent {\n @Input() appearance?: '' | 'primary-action' | 'secondary-action' | 'subtle' = '';\n @Input() disabled?: boolean = false;\n}\n","<ng-content></ng-content>\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2025 Community for NL Design System\n */\n\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-action-group',\n imports: [],\n templateUrl: './action-group.component.html',\n})\nexport class ActionGroupComponent {\n @Input() direction: 'column' | 'row' | 'column-stretch' = 'row';\n}\n","<!--\n @license EUPL-1.2\n Copyright (c) 2025 Community for NL Design System\n-->\n<div\n [class]=\"{\n 'utrecht-action-group': true,\n 'utrecht-action-group--column': direction === 'column',\n 'utrecht-action-group--column-stretch': direction === 'column-stretch',\n 'utrecht-action-group--row': direction === 'row',\n }\"\n>\n <ng-content />\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'img[rhc-image]',\n imports: [],\n templateUrl: './image.component.html',\n host: {\n '[class.utrecht-img]': 'true',\n '[class.utrecht-img--photo]': 'true',\n },\n})\nexport class ImageComponent {}\n","<ng-content></ng-content>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'figure[rhc-figure]',\n imports: [],\n templateUrl: './figure.component.html',\n host: {\n '[class.utrecht-figure]': 'true',\n '[style.--utrecht-figure-img-border-end-end-radius]': 'borderEndEndRadius ? borderEndEndRadius + \"px\" : null',\n '[style.--utrecht-figure-img-border-end-start-radius]': 'borderEndStartRadius ? borderEndStartRadius + \"px\" : null',\n '[style.--utrecht-figure-img-border-start-end-radius]': 'borderStartEndRadius ? borderStartEndRadius + \"px\" : null',\n '[style.--utrecht-figure-img-border-start-start-radius]':\n 'borderStartStartRadius ? borderStartStartRadius + \"px\" : null',\n },\n})\nexport class FigureComponent {\n @Input() borderEndEndRadius?: number;\n @Input() borderEndStartRadius?: number;\n @Input() borderStartEndRadius?: number;\n @Input() borderStartStartRadius?: number;\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'figcaption[rhc-figure-caption]',\n imports: [],\n templateUrl: './figure-caption.component.html',\n host: {\n '[class.utrecht-figure__caption]': 'true',\n },\n})\nexport class FigureCaptionComponent {}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'rhc-icon',\n templateUrl: './icon.component.html',\n styleUrl: './icon.component.css',\n})\nexport class IconComponent {}\n","<span class=\"utrecht-icon\">\n <ng-content />\n</span>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'ul[rhc-unordered-list]',\n imports: [],\n templateUrl: './unordered-list.component.html',\n host: {\n '[class.utrecht-unordered-list]': 'true',\n '[class.utrecht-unordered-list--nested]': 'nested',\n },\n})\nexport class UnorderedListComponent {\n @Input() nested?: boolean = false;\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'li[rhc-unordered-list-item]',\n imports: [],\n templateUrl: './unordered-list-item.component.html',\n host: {\n '[class.utrecht-unordered-list__item]': 'true',\n },\n})\nexport class UnorderedListItemComponent {}\n","<ng-content></ng-content>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-column-layout',\n imports: [],\n templateUrl: './column-layout.component.html',\n})\nexport class ColumnLayoutComponent {\n @Input() rule?: boolean = false;\n}\n","<div\n [class]=\"{\n 'utrecht-column-layout': true,\n 'utrecht-column-layout--rule': rule,\n }\"\n>\n <ng-content></ng-content>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'figure[rhc-logo]',\n imports: [CommonModule],\n templateUrl: './logo.component.html',\n host: { '[class.rhc-logo]': 'true' },\n})\nexport class LogoComponent {\n @Input({ required: true }) organisation!: string;\n @Input({ required: false }) subtitle?: string | null;\n}\n","<div class=\"rhc-logo__image\">\n <ng-content></ng-content>\n</div>\n<figcaption class=\"rhc-logo__caption\">\n <p class=\"rhc-logo__title\">{{ organisation }}</p>\n @if (subtitle) {\n <p class=\"rhc-logo__subtitle\">{{ subtitle }}</p>\n }\n</figcaption>\n","import { NgClass } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-form-field',\n imports: [NgClass],\n templateUrl: './form-field.component.html',\n})\nexport class FormFieldComponent {\n @Input() type?: 'checkbox' | 'radio' | 'text';\n @Input() class?: string;\n @Input() invalid?: boolean = false;\n @Input() showInput?: boolean = true;\n @Input() showLabel?: boolean = true;\n @Input() showDescription?: boolean = false;\n\n constructor() {}\n}\n","<div\n [ngClass]=\"{\n 'utrecht-form-field': true,\n 'rhc-form-field': true,\n 'utrecht-form-field--invalid': invalid,\n 'utrecht-form-field--checkbox': type === 'checkbox',\n 'utrecht-form-field--radio': type === 'radio',\n 'utrecht-form-field--text': type === 'text',\n }\"\n [class]=\"class\"\n>\n @if (showLabel) {\n <div class=\"utrecht-form-field__label\">\n <ng-content select=\"[rhc-form-label]\"></ng-content>\n </div>\n }\n\n @if (showDescription) {\n <div class=\"utrecht-form-field__description\">\n <ng-content select=\"rhc-form-field-description\"></ng-content>\n </div>\n }\n\n @if (invalid) {\n <div class=\"utrecht-form-field__error-message\">\n <ng-content select=\"rhc-form-field-error-message\"></ng-content>\n </div>\n }\n\n @if (showInput) {\n <div class=\"utrecht-form-field__input\">\n <ng-content select=\"[rhc-text-input]\"></ng-content>\n </div>\n }\n\n <ng-content></ng-content>\n</div>\n","import { NgClass } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-form-field-description',\n imports: [NgClass],\n templateUrl: './form-field-description.component.html',\n})\nexport class FormFieldDescriptionComponent {\n @Input() invalid?: boolean = false;\n @Input() valid?: boolean = false;\n @Input() warning?: boolean = false;\n @Input() class?: string;\n}\n","<div\n [ngClass]=\"{\n 'utrecht-form-field-description': true,\n 'utrecht-form-field-description--invalid': invalid,\n 'utrecht-form-field-description--valid': valid,\n 'utrecht-form-field-description--warning': warning,\n }\"\n [class]=\"class\"\n>\n <ng-content></ng-content>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'rhc-form-field-error-message',\n templateUrl: './form-field-error-message.component.html',\n})\nexport class FormFieldErrorMessageComponent {}\n","<div class=\"utrecht-form-field-error-message\">\n <ng-content></ng-content>\n</div>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'label[rhc-form-label]',\n imports: [],\n templateUrl: './form-label.component.html',\n host: {\n '[class.utrecht-form-label]': 'true',\n '[class.utrecht-form-label--disabled]': 'disabled',\n '[class.utrecht-form-label--checked]': 'checked',\n '[class.utrecht-form-label--radio]': 'type === \"radio\"',\n '[class.utrecht-form-label--checkbox]': 'type === \"checkbox\"',\n },\n})\nexport class FormLabelComponent {\n @Input() disabled?: boolean = false;\n @Input() checked?: boolean = false;\n @Input() type?: 'checkbox' | 'radio';\n}\n","<ng-content></ng-content>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'input[rhc-text-input]',\n imports: [],\n templateUrl: './text-input.component.html',\n host: {\n '[class.utrecht-textbox]': 'true',\n '[class.utrecht-textbox--html-input]': 'true',\n '[class.utrecht-textbox--disabled]': 'disabled',\n '[class.utrecht-textbox--invalid]': 'invalid',\n '[class.utrecht-textbox--readonly]': 'readonly',\n '[class.utrecht-textbox--required]': 'required',\n '[attr.aria-invalid]': 'invalid || undefined',\n '[attr.disabled]': 'disabled ? \"disabled\": null',\n '[attr.required]': 'inputRequired ? \"required\": null',\n '[attr.aria-required]': 'required ? \"true\" : null',\n '[attr.readonly]': 'readonly ? \"readonly\" : null',\n },\n})\nexport class TextInputComponent {\n @Input() disabled? = false;\n @Input() invalid? = false;\n /**\n * Whether the input is required. Maps to the HTML `aria-required` attribute.\n * Use this if you want to use Angular validation (recommended).\n */\n @Input() required? = false;\n /**\n * Maps to the HTML `required` attribute.\n * Use this if you want to use HTML validation (not recommended).\n */\n @Input() inputRequired? = false;\n @Input() readonly? = false;\n}\n","<ng-content></ng-content>\n","import { Component, forwardRef, Input } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { FormFieldComponent } from '../form-field/form-field.component';\nimport { FormFieldDescriptionComponent } from '../form-field-description/form-field-description.component';\nimport { FormFieldErrorMessageComponent } from '../form-field-error-message/form-field-error-message.component';\nimport { FormLabelComponent } from '../form-label/form-label.component';\nimport { TextInputComponent } from '../text-input/text-input.component';\n\nexport type TextInputTypes =\n | 'date'\n | 'datetime-local'\n | 'email'\n | 'month'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'time'\n | 'url'\n | 'week';\n\n@Component({\n selector: 'rhc-form-field-text-input',\n imports: [\n FormFieldComponent,\n FormLabelComponent,\n TextInputComponent,\n FormFieldErrorMessageComponent,\n FormFieldDescriptionComponent,\n ],\n templateUrl: './form-field-text-input.component.html',\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => FormFieldTextInputComponent),\n multi: true,\n },\n ],\n})\nexport class FormFieldTextInputComponent implements ControlValueAccessor {\n @Input() invalid?: boolean = false;\n @Input() showDescription?: boolean = false;\n @Input() label?: string;\n @Input() errorMessage?: string;\n @Input() description?: string;\n @Input() status?: string;\n /**\n * Whether the input is required. Maps to the HTML `aria-required` attribute.\n * Use this if you want to use Angular validation (recommended).\n */\n @Input() required?: boolean = false;\n /**\n * Maps to the HTML `required` attribute.\n * Use this if you want to use HTML validation (not recommended).\n */\n @Input() inputRequired?: boolean = false;\n @Input() readonly?: boolean = false;\n @Input() dir?: 'auto' | 'ltr' | 'rtl' = 'auto';\n @Input() name?: string;\n @Input() autocomplete?: string;\n @Input() placeholder?: string;\n @Input() size?: number;\n @Input() minLength?: number;\n @Input() maxLength?: number;\n @Input() min?: number;\n @Input() max?: number;\n @Input() step?: number;\n @Input() type?: TextInputTypes = 'text';\n @Input({ required: true }) inputId!: string;\n\n value: string = '';\n disabled: boolean = false;\n\n private onChange: Function = () => {};\n private onTouched: Function = () => {};\n\n onValueChange(event: Event): void {\n const input = event.target as HTMLInputElement;\n this.value = input.value;\n this.onChange(this.value);\n }\n\n markAsTouched(): void {\n this.onTouched();\n }\n\n writeValue(value: string): void {\n this.value = value;\n }\n\n registerOnChange(fn: (value: string) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n}\n","<rhc-form-field\n type=\"text\"\n [invalid]=\"invalid\"\n [showDescription]=\"showDescription\"\n [showInput]=\"true\"\n [showLabel]=\"true\"\n [dir]=\"dir\"\n>\n <label rhc-form-label [for]=\"inputId\">{{ label }}</label>\n <rhc-form-field-description>{{ description }}</rhc-form-field-description>\n <rhc-form-field-error-message>\n {{ errorMessage }}\n </rhc-form-field-error-message>\n <input\n rhc-text-input\n (input)=\"onValueChange($event)\"\n (blur)=\"markAsTouched()\"\n [id]=\"inputId\"\n [invalid]=\"invalid\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [inputRequired]=\"inputRequired\"\n [attr.dir]=\"dir\"\n [attr.name]=\"name\"\n [attr.autocomplete]=\"autocomplete\"\n [attr.placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.type]=\"type\"\n />\n @if (status) {\n <div class=\"utrecht-form-field__status\">\n {{ status }}\n </div>\n }\n</rhc-form-field>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'a[rhc-link-list-link]',\n imports: [],\n templateUrl: './link-list-link.component.html',\n host: {\n '[class.utrecht-link-list__link]': 'true',\n '[class.utrecht-link]': 'true',\n '[class.utrecht-link--html-a]': 'true',\n },\n})\nexport class LinkListLinkComponent {\n @Input({ required: true }) href!: string;\n}\n","<ng-content select=\"[icon]\"></ng-content>\n<span class=\"utrecht-link-list__link-text\">\n <ng-content></ng-content>\n</span>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'rhc-link-list',\n imports: [],\n templateUrl: './link-list.component.html',\n})\nexport class LinkListComponent {}\n","<ul class=\"rhc-link-list utrecht-link-list utrecht-link-list--html-ul\">\n <ng-content></ng-content>\n</ul>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'li[rhc-link-list-item]',\n imports: [],\n templateUrl: './link-list-item.component.html',\n host: {\n '[class.utrecht-link-list__item]': 'true',\n },\n})\nexport class LinkListItemComponent {}\n","<ng-content></ng-content>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-navbar',\n imports: [],\n templateUrl: './navbar.component.html',\n})\nexport class NavbarComponent {\n @Input() showEndItems?: boolean = false;\n}\n","<div class=\"rhc-nav-bar__container\">\n <nav class=\"rhc-nav-bar\">\n <ul class=\"rhc-nav-bar__list\">\n <ng-content select=\"[rhc-navbar-item][rhcHeadingItem]\"></ng-content>\n <ng-content select=\"[rhc-navbar-item]:not([rhcEndItem])\"></ng-content>\n </ul>\n @if (showEndItems) {\n <ul class=\"rhc-nav-bar__list rhc-nav-bar__list--end\">\n <ng-content select=\"[rhc-navbar-item][rhcEndItem]\"></ng-content>\n </ul>\n }\n <ng-content></ng-content>\n </nav>\n</div>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'li[rhc-navbar-item]',\n imports: [],\n templateUrl: './navbar-item.component.html',\n host: {\n '[class.rhc-nav-bar__item]': 'true',\n },\n})\nexport class NavbarItemComponent {\n @Input({ required: true }) href!: string;\n}\n","<a [href]=\"href\" class=\"nl-link rhc-link rhc-nav-bar__link\">\n <ng-content select=\"[icon]\"></ng-content>\n <span class=\"rhc-nav-bar__label\">\n <ng-content></ng-content>\n </span>\n</a>\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n selector: '[rhcHeadingItem]',\n})\nexport class HeadingItemDirective {\n @HostBinding('class')\n className = 'rhc-nav-bar__heading';\n}\n","import { Directive } from '@angular/core';\n\n/**\n * Deze directive wordt gebruikt als \"marker\". Hiermee kunnen <li>'s gemarkeerd worden als endItem.\n * Een endItem wordt aan het einde van de navbar geplaatst.\n */\n@Directive({\n selector: '[rhcEndItem]',\n})\nexport class EndItemDirective {}\n","import { Component, Input } from '@angular/core';\nimport { ColumnLayoutComponent } from '../column-layout/column-layout.component';\nimport { HeadingComponent } from '../heading/heading.component';\nimport { type HeadingLevel } from '../heading/heading.component';\n\n@Component({\n selector: 'footer[rhc-footer]',\n imports: [HeadingComponent, ColumnLayoutComponent],\n templateUrl: './footer.component.html',\n styleUrl: './footer.component.css',\n})\nexport class FooterComponent {\n @Input() background: 'primary-filled' | 'primary-outlined' = 'primary-filled';\n @Input() preFooter?: boolean;\n @Input() preFooterMessage?: string;\n @Input() heading?: string;\n @Input() tagline?: string;\n @Input() appearanceLevel: HeadingLevel = 3;\n @Input() subFooter?: boolean;\n\n get backgroundClass(): string {\n return `rhc-page-footer--${this.background}`;\n }\n}\n","<footer class=\"rhc-page-footer-container\">\n @if (preFooter) {\n <div class=\"rhc-page-prefooter\">\n @if (preFooterMessage) {\n <span class=\"rhc-page-prefooter__content\">{{ preFooterMessage }}</span>\n }\n </div>\n }\n\n <div [class]=\"`utrecht-page-footer rhc-page-footer ${backgroundClass}`\">\n <div class=\"utrecht-page-footer__content\">\n <div class=\"rhc-page-footer-layout\">\n @if (heading) {\n <h2 aria-hidden=\"true\" hidden>{{ heading }}</h2>\n }\n @if (tagline) {\n <div class=\"rhc-page-footer__tagline\">\n <rhc-heading [level]=\"2\" [appearanceLevel]=\"appearanceLevel\" role=\"presentation\">{{ tagline }}</rhc-heading>\n </div>\n }\n <rhc-column-layout>\n <ng-content select=\"[columns]\"></ng-content>\n </rhc-column-layout>\n </div>\n </div>\n </div>\n\n @if (subFooter) {\n <div [class]=\"`utrecht-page-footer rhc-page-footer rhc-page-footer--subfooter ${backgroundClass}`\">\n <div class=\"utrecht-page-footer__content\">\n <div class=\"rhc-page-subfooter-layout\">\n <ng-content select=\"[subFooter]\"></ng-content>\n </div>\n </div>\n </div>\n }\n</footer>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-data-summary',\n imports: [CommonModule],\n templateUrl: './data-summary.component.html',\n})\nexport class DataSummaryComponent {\n @Input() appearance: 'Column' | 'Row' = 'Column';\n}\n","<dl\n [ngClass]=\"{\n 'rhc-data-summary': true,\n 'rhc-data-summary--column': appearance === 'Column',\n 'rhc-data-summary--row': appearance === 'Row',\n }\"\n>\n <ng-content></ng-content>\n</dl>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { LinkComponent } from '../link/link.component';\n\n@Component({\n selector: 'div[rhc-data-summary-item]',\n imports: [CommonModule, LinkComponent],\n templateUrl: './data-summary-item.component.html',\n host: {\n '[class.rhc-data-summary__item]': 'true',\n },\n})\nexport class DataSummaryItemComponent {\n @Input() key: string = '';\n @Input() value: string = '';\n @Input() href?: string;\n @Input() target?: '_self' | '_blank' | '_parent' | '_top' | '_unfencedTop' = '_self';\n @Input() actionLabel?: string;\n}\n","<ng-content>\n <dt class=\"rhc-data-summary__item-key\">\n {{ key }}\n </dt>\n <dd class=\"rhc-data-summary__item-value\">\n {{ value }}\n </dd>\n @if (href && actionLabel) {\n <dd class=\"rhc-data-summary__item-action\">\n <rhc-link [href]=\"href\" [target]=\"target\">\n {{ actionLabel }}\n </rhc-link>\n </dd>\n }\n</ng-content>\n","import { Component, inject } from '@angular/core';\n\n@Component({\n selector: 'rhc-back-to-top',\n imports: [],\n templateUrl: './back-to-top.component.html',\n styles: [\n `\n :host {\n margin-left: auto;\n }\n `,\n ],\n providers: [\n {\n provide: Window,\n useValue: window,\n },\n ],\n})\nexport class BackToTopComponent {\n private window = inject(Window);\n\n scrollBackToTop = (event: MouseEvent) => {\n event.preventDefault();\n this.window.scrollTo({ top: 0, behavior: 'smooth' });\n const targetElement = event.currentTarget as HTMLAnchorElement;\n const targetSelector = targetElement.getAttribute('href');\n if (!targetSelector) return;\n const $target = document.querySelector(targetSelector) as HTMLElement | null;\n if (!$target) return;\n $target.focus({ preventScroll: true }); // Ensure target is focusable, ie via tabindex={-1} on #main\n };\n}\n","<a class=\"rhc-page-subfooter__backtotop\" href=\"#main\" (click)=\"scrollBackToTop($event)\">\n <ng-content></ng-content>\n</a>\n","/*\n * Public API Surface of components-angular\n */\nexport * from './heading/heading.component';\nexport * from './paragraph/paragraph.component';\nexport * from './link/link.component';\nexport * from './button/button.component';\nexport * from './action-group/action-group.component';\nexport * from './image/image.component';\nexport * from './figure/figure.component';\nexport * from './figure-caption/figure-caption.component';\nexport * from './icon/icon.component';\nexport * from './unordered-list/unordered-list.component';\nexport * from './unordered-list-item/unordered-list-item.component';\nexport * from './column-layout/column-layout.component';\nexport * from './logo/logo.component';\nexport * from './form-field/form-field.component';\nexport * from './form-field-description/form-field-description.component';\nexport * from './form-field-error-message/form-field-error-message.component';\nexport * from './form-field-text-input/form-field-text-input.component';\nexport * from './form-label/form-label.component';\nexport * from './text-input/text-input.component';\nexport * from './link-list-link/link-list-link.component';\nexport * from './link-list/link-list.component';\nexport * from './link-list-item/link-list-item.component';\nexport * from './navbar/navbar.component';\nexport * from './navbar-item/navbar-item.component';\nexport * from './navbar-item/heading-item.directive';\nexport * from './navbar-item/end-item.directive';\nexport * from './footer/footer.component';\nexport * from './data-summary/data-summary.component';\nexport * from './data-summary-item/data-summary-item.component';\nexport * from './back-to-top/back-to-top.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAGO,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;MAS9B,gBAAgB,CAAA;AACA,IAAA,KAAK;AACvB,IAAA,eAAe;IAExB,YAAY,GAAG,MAAM,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,KAAK;IACvD,eAAe,GAAG,MAAM,CAAA,6BAAA,EAAgC,IAAI,CAAC,YAAY,EAAE,CAAA,CAAE;uGALlE,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZ7B,0yBA+BA,EAAA,MAAA,EAAA,CAAA,igFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDvBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;+BACE,aAAa,EAAA,OAAA,EACd,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,0yBAAA,EAAA,MAAA,EAAA,CAAA,igFAAA,CAAA,EAAA;;sBAKtB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB;;;MEZU,iBAAiB,GAAG,CAAC,SAAS,EAAE,MAAM;MAStC,kBAAkB,CAAA;AACpB,IAAA,UAAU;IAEnB,aAAa,GAAG,MAAK;AACnB,QAAA,QAAQ,IAAI,CAAC,UAAU;AACrB,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,iCAAiC;AAC1C,YAAA;AACE,gBAAA,OAAO,cAAc;;AAE3B,IAAA,CAAC;uGAVU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,+GCX/B,0EAGA,EAAA,MAAA,EAAA,CAAA,06BAAA,CAAA,EAAA,CAAA;;2FDQa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,WAChB,EAAE,EAAA,QAAA,EAAA,0EAAA,EAAA,MAAA,EAAA,CAAA,06BAAA,CAAA,EAAA;;sBAKV;;;MEJU,aAAa,CAAA;AACG,IAAA,IAAI;AACtB,IAAA,MAAM;IACN,MAAM,GAA8D,OAAO;AAEpF,IAAA,eAAe,GAAG,MAAM,CAAA,iBAAA,EAAoB,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE,EAAE;uGALxE,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,kICR1B,wHAGA,EAAA,MAAA,EAAA,CAAA,y8CAAA,CAAA,EAAA,CAAA;;2FDKa,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,WACX,EAAE,EAAA,QAAA,EAAA,wHAAA,EAAA,MAAA,EAAA,CAAA,y8CAAA,CAAA,EAAA;;sBAKV,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB;;sBACA;;;MEIU,eAAe,CAAA;IACjB,UAAU,GAA2D,EAAE;IACvE,QAAQ,GAAa,KAAK;uGAFxB,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,sCAAA,EAAA,mCAAA,EAAA,wCAAA,EAAA,qCAAA,EAAA,qCAAA,EAAA,2BAAA,EAAA,eAAA,EAAA,gCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECf5B,6BACA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDIY,YAAY,EAAA,CAAA,EAAA,CAAA;;2FAUX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAZ3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,OAAA,EACrB,CAAC,YAAY,CAAC,EAAA,IAAA,EAEjB;AACJ,wBAAA,wBAAwB,EAAE,MAAM;AAChC,wBAAA,wCAAwC,EAAE,iCAAiC;AAC3E,wBAAA,0CAA0C,EAAE,mCAAmC;AAC/E,wBAAA,uCAAuC,EAAE,yBAAyB;AAClE,wBAAA,iBAAiB,EAAE,8BAA8B;AAClD,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;sBAGA;;sBACA;;;AEjBH;;;AAGG;MASU,oBAAoB,CAAA;IACtB,SAAS,GAAwC,KAAK;uGADpD,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,gHCZjC,kXAcA,EAAA,CAAA;;2FDFa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,WACnB,EAAE,EAAA,QAAA,EAAA,kXAAA,EAAA;;sBAIV;;;MEFU,cAAc,CAAA;uGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,qKCX3B,6BACA,EAAA,CAAA;;2FDUa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAT1B,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,qBAAqB,EAAE,MAAM;AAC7B,wBAAA,4BAA4B,EAAE,MAAM;AACrC,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;;MEMU,eAAe,CAAA;AACjB,IAAA,kBAAkB;AAClB,IAAA,oBAAoB;AACpB,IAAA,oBAAoB;AACpB,IAAA,sBAAsB;uGAJpB,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,gyBCf5B,6BACA,EAAA,CAAA;;2FDca,eAAe,EAAA,UAAA,EAAA,CAAA;kBAb3B,SAAS;+BACE,oBAAoB,EAAA,OAAA,EACrB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,wBAAwB,EAAE,MAAM;AAChC,wBAAA,oDAAoD,EAAE,uDAAuD;AAC7G,wBAAA,sDAAsD,EAAE,2DAA2D;AACnH,wBAAA,sDAAsD,EAAE,2DAA2D;AACnH,wBAAA,wDAAwD,EACtD,+DAA+D;AAClE,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;sBAGA;;sBACA;;sBACA;;sBACA;;;METU,sBAAsB,CAAA;uGAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,6JCVnC,6BACA,EAAA,CAAA;;2FDSa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;+BACE,gCAAgC,EAAA,OAAA,EACjC,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,iCAAiC,EAAE,MAAM;AAC1C,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;;MEDU,aAAa,CAAA;uGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,oECP1B,4DAGA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,CAAA;;2FDIa,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;+BACE,UAAU,EAAA,QAAA,EAAA,4DAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;MEQT,sBAAsB,CAAA;IACxB,MAAM,GAAa,KAAK;uGADtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,oOCXnC,6BACA,EAAA,CAAA;;2FDUa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBATlC,SAAS;+BACE,wBAAwB,EAAA,OAAA,EACzB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,gCAAgC,EAAE,MAAM;AACxC,wBAAA,wCAAwC,EAAE,QAAQ;AACnD,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;sBAGA;;;MEFU,0BAA0B,CAAA;uGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,+JCVvC,6BACA,EAAA,CAAA;;2FDSa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;+BACE,6BAA6B,EAAA,OAAA,EAC9B,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,sCAAsC,EAAE,MAAM;AAC/C,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;;MEDU,qBAAqB,CAAA;IACvB,IAAI,GAAa,KAAK;uGADpB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,uGCPlC,oJAQA,EAAA,CAAA;;2FDDa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,WACpB,EAAE,EAAA,QAAA,EAAA,oJAAA,EAAA;;sBAIV;;;MECU,aAAa,CAAA;AACG,IAAA,YAAY;AACX,IAAA,QAAQ;uGAFzB,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECT1B,yQASA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJY,YAAY,EAAA,CAAA,EAAA,CAAA;;2FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;+BACE,kBAAkB,EAAA,OAAA,EACnB,CAAC,YAAY,CAAC,QAEjB,EAAE,kBAAkB,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,yQAAA,EAAA;;sBAGnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;MEHf,kBAAkB,CAAA;AACpB,IAAA,IAAI;AACJ,IAAA,KAAK;IACL,OAAO,GAAa,KAAK;IACzB,SAAS,GAAa,IAAI;IAC1B,SAAS,GAAa,IAAI;IAC1B,eAAe,GAAa,KAAK;AAE1C,IAAA,WAAA,GAAA,EAAe;uGARJ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECR/B,g+BAqCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDhCY,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGN,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,g+BAAA,EAAA;;sBAIjB;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;MENU,6BAA6B,CAAA;IAC/B,OAAO,GAAa,KAAK;IACzB,KAAK,GAAa,KAAK;IACvB,OAAO,GAAa,KAAK;AACzB,IAAA,KAAK;uGAJH,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECR1C,iTAWA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDNY,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGN,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACE,4BAA4B,EAAA,OAAA,EAC7B,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,iTAAA,EAAA;;sBAIjB;;sBACA;;sBACA;;sBACA;;;MENU,8BAA8B,CAAA;uGAA9B,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA9B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,8BAA8B,wFCN3C,yFAGA,EAAA,CAAA;;2FDGa,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAJ1C,SAAS;+BACE,8BAA8B,EAAA,QAAA,EAAA,yFAAA,EAAA;;;MEW7B,kBAAkB,CAAA;IACpB,QAAQ,GAAa,KAAK;IAC1B,OAAO,GAAa,KAAK;AACzB,IAAA,IAAI;uGAHF,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,6aCd/B,6BACA,EAAA,CAAA;;2FDaa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAZ9B,SAAS;+BACE,uBAAuB,EAAA,OAAA,EACxB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,4BAA4B,EAAE,MAAM;AACpC,wBAAA,sCAAsC,EAAE,UAAU;AAClD,wBAAA,qCAAqC,EAAE,SAAS;AAChD,wBAAA,mCAAmC,EAAE,kBAAkB;AACvD,wBAAA,sCAAsC,EAAE,qBAAqB;AAC9D,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;sBAGA;;sBACA;;sBACA;;;MEGU,kBAAkB,CAAA;IACpB,QAAQ,GAAI,KAAK;IACjB,OAAO,GAAI,KAAK;AACzB;;;AAGG;IACM,QAAQ,GAAI,KAAK;AAC1B;;;AAGG;IACM,aAAa,GAAI,KAAK;IACtB,QAAQ,GAAI,KAAK;uGAbf,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,kvBCpB/B,6BACA,EAAA,CAAA;;2FDmBa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAlB9B,SAAS;+BACE,uBAAuB,EAAA,OAAA,EACxB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,yBAAyB,EAAE,MAAM;AACjC,wBAAA,qCAAqC,EAAE,MAAM;AAC7C,wBAAA,mCAAmC,EAAE,UAAU;AAC/C,wBAAA,kCAAkC,EAAE,SAAS;AAC7C,wBAAA,mCAAmC,EAAE,UAAU;AAC/C,wBAAA,mCAAmC,EAAE,UAAU;AAC/C,wBAAA,qBAAqB,EAAE,sBAAsB;AAC7C,wBAAA,iBAAiB,EAAE,6BAA6B;AAChD,wBAAA,iBAAiB,EAAE,kCAAkC;AACrD,wBAAA,sBAAsB,EAAE,0BAA0B;AAClD,wBAAA,iBAAiB,EAAE,8BAA8B;AAClD,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;sBAGA;;sBACA;;sBAKA;;sBAKA;;sBACA;;;MEOU,2BAA2B,CAAA;IAC7B,OAAO,GAAa,KAAK;IACzB,eAAe,GAAa,KAAK;AACjC,IAAA,KAAK;AACL,IAAA,YAAY;AACZ,IAAA,WAAW;AACX,IAAA,MAAM;AACf;;;AAGG;IACM,QAAQ,GAAa,KAAK;AACnC;;;AAGG;IACM,aAAa,GAAa,KAAK;IAC/B,QAAQ,GAAa,KAAK;IAC1B,GAAG,GAA4B,MAAM;AACrC,IAAA,IAAI;AACJ,IAAA,YAAY;AACZ,IAAA,WAAW;AACX,IAAA,IAAI;AACJ,IAAA,SAAS;AACT,IAAA,SAAS;AACT,IAAA,GAAG;AACH,IAAA,GAAG;AACH,IAAA,IAAI;IACJ,IAAI,GAAoB,MAAM;AACZ,IAAA,OAAO;IAElC,KAAK,GAAW,EAAE;IAClB,QAAQ,GAAY,KAAK;AAEjB,IAAA,QAAQ,GAAa,MAAK,EAAE,CAAC;AAC7B,IAAA,SAAS,GAAa,MAAK,EAAE,CAAC;AAEtC,IAAA,aAAa,CAAC,KAAY,EAAA;AACxB,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;AACxB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAC3B;IAEA,aAAa,GAAA;QACX,IAAI,CAAC,SAAS,EAAE;IAClB;AAEA,IAAA,UAAU,CAAC,KAAa,EAAA;AACtB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;IACpB;AAEA,IAAA,gBAAgB,CAAC,EAA2B,EAAA;AAC1C,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACpB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;IAC5B;uGA7DW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,OAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,GAAA,EAAA,KAAA,EAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,GAAA,EAAA,KAAA,EAAA,GAAA,EAAA,KAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAR3B;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,2BAA2B,CAAC;AAC1D,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;SACF,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtCH,knCAyCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDhBI,kBAAkB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,kBAAkB,2GAClB,kBAAkB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,8BAA8B,EAAA,QAAA,EAAA,8BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC9B,6BAA6B,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAWpB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAlBvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAAA,OAAA,EAC5B;wBACP,kBAAkB;wBAClB,kBAAkB;wBAClB,kBAAkB;wBAClB,8BAA8B;wBAC9B,6BAA6B;qBAC9B,EAAA,SAAA,EAEU;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,iCAAiC,CAAC;AAC1D,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,knCAAA,EAAA;;sBAGA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAKA;;sBAKA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;MEzDd,qBAAqB,CAAA;AACL,IAAA,IAAI;uGADpB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,kPCZlC,oIAIA,EAAA,CAAA;;2FDQa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,SAAS;+BACE,uBAAuB,EAAA,OAAA,EACxB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,iCAAiC,EAAE,MAAM;AACzC,wBAAA,sBAAsB,EAAE,MAAM;AAC9B,wBAAA,8BAA8B,EAAE,MAAM;AACvC,qBAAA,EAAA,QAAA,EAAA,oIAAA,EAAA;;sBAGA,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;MENd,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,yECP9B,iHAGA,EAAA,CAAA;;2FDIa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,WAChB,EAAE,EAAA,QAAA,EAAA,iHAAA,EAAA;;;MEMA,qBAAqB,CAAA;uGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,qJCVlC,6BACA,EAAA,CAAA;;2FDSa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;+BACE,wBAAwB,EAAA,OAAA,EACzB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,iCAAiC,EAAE,MAAM;AAC1C,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;;MEDU,eAAe,CAAA;IACjB,YAAY,GAAa,KAAK;uGAD5B,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,gHCP5B,kgBAcA,EAAA,CAAA;;2FDPa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,WACb,EAAE,EAAA,QAAA,EAAA,kgBAAA,EAAA;;sBAIV;;;MEEU,mBAAmB,CAAA;AACH,IAAA,IAAI;uGADpB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,sKCVhC,0MAMA,EAAA,CAAA;;2FDIa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;+BACE,qBAAqB,EAAA,OAAA,EACtB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,2BAA2B,EAAE,MAAM;AACpC,qBAAA,EAAA,QAAA,EAAA,0MAAA,EAAA;;sBAGA,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;MENd,oBAAoB,CAAA;IAE/B,SAAS,GAAG,sBAAsB;uGAFvB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAHhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC7B,iBAAA;;sBAEE,WAAW;uBAAC,OAAO;;;ACJtB;;;AAGG;MAIU,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACzB,iBAAA;;;MCGY,eAAe,CAAA;IACjB,UAAU,GAA0C,gBAAgB;AACpE,IAAA,SAAS;AACT,IAAA,gBAAgB;AAChB,IAAA,OAAO;AACP,IAAA,OAAO;IACP,eAAe,GAAiB,CAAC;AACjC,IAAA,SAAS;AAElB,IAAA,IAAI,eAAe,GAAA;AACjB,QAAA,OAAO,CAAA,iBAAA,EAAoB,IAAI,CAAC,UAAU,EAAE;IAC9C;uGAXW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX5B,8uCAqCA,EAAA,MAAA,EAAA,CAAA,0IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED9BY,gBAAgB,8FAAE,qBAAqB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAItC,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,OAAA,EACrB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,EAAA,QAAA,EAAA,8uCAAA,EAAA,MAAA,EAAA,CAAA,0IAAA,CAAA,EAAA;;sBAKjD;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;MEVU,oBAAoB,CAAA;IACtB,UAAU,GAAqB,QAAQ;uGADrC,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECRjC,mNASA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;+BACE,kBAAkB,EAAA,OAAA,EACnB,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,mNAAA,EAAA;;sBAItB;;;MEGU,wBAAwB,CAAA;IAC1B,GAAG,GAAW,EAAE;IAChB,KAAK,GAAW,EAAE;AAClB,IAAA,IAAI;IACJ,MAAM,GAA8D,OAAO;AAC3E,IAAA,WAAW;uGALT,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,KAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZrC,kXAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDTY,YAAY,+BAAE,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAM1B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,WAC7B,CAAC,YAAY,EAAE,aAAa,CAAC,EAAA,IAAA,EAEhC;AACJ,wBAAA,gCAAgC,EAAE,MAAM;AACzC,qBAAA,EAAA,QAAA,EAAA,kXAAA,EAAA;;sBAGA;;sBACA;;sBACA;;sBACA;;sBACA;;;MEGU,kBAAkB,CAAA;AACrB,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAE/B,IAAA,eAAe,GAAG,CAAC,KAAiB,KAAI;QACtC,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACpD,QAAA,MAAM,aAAa,GAAG,KAAK,CAAC,aAAkC;QAC9D,MAAM,cAAc,GAAG,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC;AACzD,QAAA,IAAI,CAAC,cAAc;YAAE;QACrB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAuB;AAC5E,QAAA,IAAI,CAAC,OAAO;YAAE;QACd,OAAO,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;AACzC,IAAA,CAAC;uGAZU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,SAAA,EAPlB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,QAAQ,EAAE,MAAM;AACjB,aAAA;AACF,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBH,qIAGA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,CAAA;;2FDiBa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAlB9B,SAAS;+BACE,iBAAiB,EAAA,OAAA,EAClB,EAAE,EAAA,SAAA,EASA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,QAAQ,EAAE,MAAM;AACjB,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,qIAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AElBH;;AAEG;;ACFH;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"rijkshuisstijl-community-components-angular.mjs","sources":["../../src/heading/heading.component.ts","../../src/heading/heading.component.html","../../src/paragraph/paragraph.component.ts","../../src/paragraph/paragraph.component.html","../../src/link/link.component.ts","../../src/link/link.component.html","../../src/button/button.component.ts","../../src/button/button.component.html","../../src/action-group/action-group.component.ts","../../src/action-group/action-group.component.html","../../src/image/image.component.ts","../../src/image/image.component.html","../../src/figure/figure.component.ts","../../src/figure/figure.component.html","../../src/figure-caption/figure-caption.component.ts","../../src/figure-caption/figure-caption.component.html","../../src/icon/icon.component.ts","../../src/icon/icon.component.html","../../src/unordered-list/unordered-list.component.ts","../../src/unordered-list/unordered-list.component.html","../../src/unordered-list-item/unordered-list-item.component.ts","../../src/unordered-list-item/unordered-list-item.component.html","../../src/column-layout/column-layout.component.ts","../../src/column-layout/column-layout.component.html","../../src/logo/logo.component.ts","../../src/logo/logo.component.html","../../src/form-field/form-field.component.ts","../../src/form-field/form-field.component.html","../../src/form-field-description/form-field-description.component.ts","../../src/form-field-description/form-field-description.component.html","../../src/form-field-error-message/form-field-error-message.component.ts","../../src/form-field-error-message/form-field-error-message.component.html","../../src/form-label/form-label.component.ts","../../src/form-label/form-label.component.html","../../src/text-input/text-input.component.ts","../../src/text-input/text-input.component.html","../../src/form-field-text-input/form-field-text-input.component.ts","../../src/form-field-text-input/form-field-text-input.component.html","../../src/link-list-link/link-list-link.component.ts","../../src/link-list-link/link-list-link.component.html","../../src/link-list/link-list.component.ts","../../src/link-list/link-list.component.html","../../src/link-list-item/link-list-item.component.ts","../../src/link-list-item/link-list-item.component.html","../../src/navbar/navbar.component.ts","../../src/navbar/navbar.component.html","../../src/navbar-item/navbar-item.component.ts","../../src/navbar-item/navbar-item.component.html","../../src/navbar-item/heading-item.directive.ts","../../src/navbar-item/end-item.directive.ts","../../src/footer/footer.component.ts","../../src/footer/footer.component.html","../../src/data-summary/data-summary.component.ts","../../src/data-summary/data-summary.component.html","../../src/data-summary-item/data-summary-item.component.ts","../../src/data-summary-item/data-summary-item.component.html","../../src/back-to-top/back-to-top.component.ts","../../src/back-to-top/back-to-top.component.html","../../src/public-api.ts","../../src/rijkshuisstijl-community-components-angular.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\nexport const headingLevels = [1, 2, 3, 4, 5] as const;\nexport type HeadingLevel = (typeof headingLevels)[number];\n\n@Component({\n selector: 'rhc-heading',\n imports: [CommonModule],\n templateUrl: './heading.component.html',\n styleUrl: './heading.component.css',\n})\nexport class HeadingComponent {\n @Input({ required: true }) level!: HeadingLevel;\n @Input() appearanceLevel?: HeadingLevel;\n\n stylingLevel = () => this.appearanceLevel ?? this.level;\n computedClasses = () => `nl-heading nl-heading--level-${this.stylingLevel()}`;\n}\n","@switch (level) {\n @case (1) {\n <h1 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h1>\n }\n @case (2) {\n <h2 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h2>\n }\n @case (3) {\n <h3 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h3>\n }\n @case (4) {\n <h4 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h4>\n }\n @case (5) {\n <h5 class=\"{{ computedClasses() }}\">\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h5>\n }\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n","import { Component, Input } from '@angular/core';\n\nexport const appearanceOptions = [undefined, 'lead'] as const;\nexport type AppearanceType = (typeof appearanceOptions)[number];\n\n@Component({\n selector: 'rhc-paragraph',\n imports: [],\n templateUrl: './paragraph.component.html',\n styleUrl: './paragraph.component.css',\n})\nexport class ParagraphComponent {\n @Input() appearance?: AppearanceType;\n\n computedClass = () => {\n return this.appearance === 'lead' ? 'nl-paragraph nl-paragraph--lead' : 'nl-paragraph';\n };\n}\n","<p class=\"{{ computedClass() }}\">\n <ng-content></ng-content>\n</p>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-link',\n imports: [],\n templateUrl: './link.component.html',\n styleUrl: './link.component.css',\n})\nexport class LinkComponent {\n @Input({ required: true }) href!: string;\n @Input() inline?: boolean;\n @Input() target?: '_self' | '_blank' | '_parent' | '_top' | '_unfencedTop' = '_self';\n\n computedClasses = () => `nl-link rhc-link ${this.inline ? 'rhc-link--inline' : ''}`;\n}\n","<a href=\"{{ href }}\" class=\"{{ computedClasses() }}\" target=\"{{ target }}\">\n <ng-content></ng-content>\n</a>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'button[rhc-button]',\n imports: [CommonModule],\n templateUrl: './button.component.html',\n host: {\n '[class.utrecht-button]': 'true',\n '[class.utrecht-button--primary-action]': 'appearance === \"primary-action\"',\n '[class.utrecht-button--secondary-action]': 'appearance === \"secondary-action\"',\n '[class.utrecht-button--subtle-action]': 'appearance === \"subtle\"',\n '[attr.disabled]': 'disabled ? \"disabled\" : null',\n },\n})\nexport class ButtonComponent {\n @Input() appearance?: '' | 'primary-action' | 'secondary-action' | 'subtle' = '';\n @Input() disabled?: boolean = false;\n}\n","<ng-content></ng-content>\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2025 Community for NL Design System\n */\n\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-action-group',\n imports: [],\n templateUrl: './action-group.component.html',\n})\nexport class ActionGroupComponent {\n @Input() direction: 'column' | 'row' | 'column-stretch' = 'row';\n}\n","<!--\n @license EUPL-1.2\n Copyright (c) 2025 Community for NL Design System\n-->\n<div\n [class]=\"{\n 'utrecht-action-group': true,\n 'utrecht-action-group--column': direction === 'column',\n 'utrecht-action-group--column-stretch': direction === 'column-stretch',\n 'utrecht-action-group--row': direction === 'row',\n }\"\n>\n <ng-content />\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'img[rhc-image]',\n imports: [],\n templateUrl: './image.component.html',\n host: {\n '[class.utrecht-img]': 'true',\n '[class.utrecht-img--photo]': 'true',\n },\n})\nexport class ImageComponent {}\n","<ng-content></ng-content>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'figure[rhc-figure]',\n imports: [],\n templateUrl: './figure.component.html',\n host: {\n '[class.utrecht-figure]': 'true',\n '[style.--utrecht-figure-img-border-end-end-radius]': 'borderEndEndRadius ? borderEndEndRadius + \"px\" : null',\n '[style.--utrecht-figure-img-border-end-start-radius]': 'borderEndStartRadius ? borderEndStartRadius + \"px\" : null',\n '[style.--utrecht-figure-img-border-start-end-radius]': 'borderStartEndRadius ? borderStartEndRadius + \"px\" : null',\n '[style.--utrecht-figure-img-border-start-start-radius]':\n 'borderStartStartRadius ? borderStartStartRadius + \"px\" : null',\n },\n})\nexport class FigureComponent {\n @Input() borderEndEndRadius?: number;\n @Input() borderEndStartRadius?: number;\n @Input() borderStartEndRadius?: number;\n @Input() borderStartStartRadius?: number;\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'figcaption[rhc-figure-caption]',\n imports: [],\n templateUrl: './figure-caption.component.html',\n host: {\n '[class.utrecht-figure__caption]': 'true',\n },\n})\nexport class FigureCaptionComponent {}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'rhc-icon',\n templateUrl: './icon.component.html',\n styleUrl: './icon.component.css',\n})\nexport class IconComponent {}\n","<span class=\"utrecht-icon\">\n <ng-content />\n</span>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'ul[rhc-unordered-list]',\n imports: [],\n templateUrl: './unordered-list.component.html',\n host: {\n '[class.utrecht-unordered-list]': 'true',\n '[class.utrecht-unordered-list--nested]': 'nested',\n },\n})\nexport class UnorderedListComponent {\n @Input() nested?: boolean = false;\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'li[rhc-unordered-list-item]',\n imports: [],\n templateUrl: './unordered-list-item.component.html',\n host: {\n '[class.utrecht-unordered-list__item]': 'true',\n },\n})\nexport class UnorderedListItemComponent {}\n","<ng-content></ng-content>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-column-layout',\n imports: [],\n templateUrl: './column-layout.component.html',\n})\nexport class ColumnLayoutComponent {\n @Input() rule?: boolean = false;\n}\n","<div\n [class]=\"{\n 'utrecht-column-layout': true,\n 'utrecht-column-layout--rule': rule,\n }\"\n>\n <ng-content></ng-content>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'figure[rhc-logo]',\n imports: [CommonModule],\n templateUrl: './logo.component.html',\n host: { '[class.rhc-logo]': 'true' },\n})\nexport class LogoComponent {\n @Input({ required: true }) organisation!: string;\n @Input({ required: false }) subtitle?: string | null;\n}\n","<div class=\"rhc-logo__image\">\n <ng-content></ng-content>\n</div>\n<figcaption class=\"rhc-logo__caption\">\n <p class=\"rhc-logo__title\">{{ organisation }}</p>\n @if (subtitle) {\n <p class=\"rhc-logo__subtitle\">{{ subtitle }}</p>\n }\n</figcaption>\n","import { NgClass } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-form-field',\n imports: [NgClass],\n templateUrl: './form-field.component.html',\n})\nexport class FormFieldComponent {\n @Input() type?: 'checkbox' | 'radio' | 'text';\n @Input() class?: string;\n @Input() invalid?: boolean = false;\n @Input() showInput?: boolean = true;\n @Input() showLabel?: boolean = true;\n @Input() showDescription?: boolean = false;\n\n constructor() {}\n}\n","<div\n [ngClass]=\"{\n 'utrecht-form-field': true,\n 'rhc-form-field': true,\n 'utrecht-form-field--invalid': invalid,\n 'utrecht-form-field--checkbox': type === 'checkbox',\n 'utrecht-form-field--radio': type === 'radio',\n 'utrecht-form-field--text': type === 'text',\n }\"\n [class]=\"class\"\n>\n @if (showLabel) {\n <div class=\"utrecht-form-field__label\">\n <ng-content select=\"[rhc-form-label]\"></ng-content>\n </div>\n }\n\n @if (showDescription) {\n <div class=\"utrecht-form-field__description\">\n <ng-content select=\"rhc-form-field-description\"></ng-content>\n </div>\n }\n\n @if (invalid) {\n <div class=\"utrecht-form-field__error-message\">\n <ng-content select=\"rhc-form-field-error-message\"></ng-content>\n </div>\n }\n\n @if (showInput) {\n <div class=\"utrecht-form-field__input\">\n <ng-content select=\"[rhc-text-input]\"></ng-content>\n </div>\n }\n\n <ng-content></ng-content>\n</div>\n","import { NgClass } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-form-field-description',\n imports: [NgClass],\n templateUrl: './form-field-description.component.html',\n})\nexport class FormFieldDescriptionComponent {\n @Input() invalid?: boolean = false;\n @Input() valid?: boolean = false;\n @Input() warning?: boolean = false;\n @Input() class?: string;\n}\n","<div\n [ngClass]=\"{\n 'utrecht-form-field-description': true,\n 'utrecht-form-field-description--invalid': invalid,\n 'utrecht-form-field-description--valid': valid,\n 'utrecht-form-field-description--warning': warning,\n }\"\n [class]=\"class\"\n>\n <ng-content></ng-content>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'rhc-form-field-error-message',\n templateUrl: './form-field-error-message.component.html',\n})\nexport class FormFieldErrorMessageComponent {}\n","<div class=\"utrecht-form-field-error-message\">\n <ng-content></ng-content>\n</div>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'label[rhc-form-label]',\n imports: [],\n templateUrl: './form-label.component.html',\n host: {\n '[class.utrecht-form-label]': 'true',\n '[class.utrecht-form-label--disabled]': 'disabled',\n '[class.utrecht-form-label--checked]': 'checked',\n '[class.utrecht-form-label--radio]': 'type === \"radio\"',\n '[class.utrecht-form-label--checkbox]': 'type === \"checkbox\"',\n },\n})\nexport class FormLabelComponent {\n @Input() disabled?: boolean = false;\n @Input() checked?: boolean = false;\n @Input() type?: 'checkbox' | 'radio';\n}\n","<ng-content></ng-content>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'input[rhc-text-input]',\n imports: [],\n templateUrl: './text-input.component.html',\n host: {\n '[class.utrecht-textbox]': 'true',\n '[class.utrecht-textbox--html-input]': 'true',\n '[class.utrecht-textbox--disabled]': 'disabled',\n '[class.utrecht-textbox--invalid]': 'invalid',\n '[class.utrecht-textbox--readonly]': 'readonly',\n '[class.utrecht-textbox--required]': 'required',\n '[attr.aria-invalid]': 'invalid || undefined',\n '[attr.disabled]': 'disabled ? \"disabled\": null',\n '[attr.required]': 'inputRequired ? \"required\": null',\n '[attr.aria-required]': 'required ? \"true\" : null',\n '[attr.readonly]': 'readonly ? \"readonly\" : null',\n },\n})\nexport class TextInputComponent {\n @Input() disabled? = false;\n @Input() invalid? = false;\n /**\n * Whether the input is required. Maps to the HTML `aria-required` attribute.\n * Use this if you want to use Angular validation (recommended).\n */\n @Input() required? = false;\n /**\n * Maps to the HTML `required` attribute.\n * Use this if you want to use HTML validation (not recommended).\n */\n @Input() inputRequired? = false;\n @Input() readonly? = false;\n}\n","<ng-content></ng-content>\n","import { Component, forwardRef, Input } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { FormFieldComponent } from '../form-field/form-field.component';\nimport { FormFieldDescriptionComponent } from '../form-field-description/form-field-description.component';\nimport { FormFieldErrorMessageComponent } from '../form-field-error-message/form-field-error-message.component';\nimport { FormLabelComponent } from '../form-label/form-label.component';\nimport { TextInputComponent } from '../text-input/text-input.component';\n\nexport type TextInputTypes =\n | 'date'\n | 'datetime-local'\n | 'email'\n | 'month'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'time'\n | 'url'\n | 'week';\n\n@Component({\n selector: 'rhc-form-field-text-input',\n imports: [\n FormFieldComponent,\n FormLabelComponent,\n TextInputComponent,\n FormFieldErrorMessageComponent,\n FormFieldDescriptionComponent,\n ],\n templateUrl: './form-field-text-input.component.html',\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => FormFieldTextInputComponent),\n multi: true,\n },\n ],\n})\nexport class FormFieldTextInputComponent implements ControlValueAccessor {\n @Input() invalid?: boolean = false;\n @Input() showDescription?: boolean = false;\n @Input() label?: string;\n @Input() errorMessage?: string;\n @Input() description?: string;\n @Input() status?: string;\n /**\n * Whether the input is required. Maps to the HTML `aria-required` attribute.\n * Use this if you want to use Angular validation (recommended).\n */\n @Input() required?: boolean = false;\n /**\n * Maps to the HTML `required` attribute.\n * Use this if you want to use HTML validation (not recommended).\n */\n @Input() inputRequired?: boolean = false;\n @Input() readonly?: boolean = false;\n @Input() dir?: 'auto' | 'ltr' | 'rtl' = 'auto';\n @Input() name?: string;\n @Input() autocomplete?: string;\n @Input() placeholder?: string;\n @Input() size?: number;\n @Input() minLength?: number;\n @Input() maxLength?: number;\n @Input() min?: number;\n @Input() max?: number;\n @Input() step?: number;\n @Input() type?: TextInputTypes = 'text';\n @Input({ required: true }) inputId!: string;\n @Input() value = '';\n\n disabled: boolean = false;\n\n private onChange: (value: string) => void = () => {};\n private onTouched: () => void = () => {};\n\n onValueChange(event: Event): void {\n const input = event.target as HTMLInputElement;\n this.value = input.value;\n this.onChange(this.value);\n }\n\n markAsTouched(): void {\n this.onTouched();\n }\n\n writeValue(value: string | null): void {\n this.value = value ?? '';\n }\n\n registerOnChange(fn: (value: string) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n}\n","<rhc-form-field\n type=\"text\"\n [invalid]=\"invalid\"\n [showDescription]=\"showDescription\"\n [showInput]=\"true\"\n [showLabel]=\"true\"\n [dir]=\"dir\"\n>\n <label rhc-form-label [for]=\"inputId\">{{ label }}</label>\n <rhc-form-field-description>{{ description }}</rhc-form-field-description>\n <rhc-form-field-error-message>\n {{ errorMessage }}\n </rhc-form-field-error-message>\n <input\n rhc-text-input\n [value]=\"value\"\n (input)=\"onValueChange($event)\"\n (blur)=\"markAsTouched()\"\n [id]=\"inputId\"\n [invalid]=\"invalid\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [inputRequired]=\"inputRequired\"\n [attr.dir]=\"dir\"\n [attr.name]=\"name\"\n [attr.autocomplete]=\"autocomplete\"\n [attr.placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.type]=\"type\"\n />\n @if (status) {\n <div class=\"utrecht-form-field__status\">\n {{ status }}\n </div>\n }\n</rhc-form-field>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'a[rhc-link-list-link]',\n imports: [],\n templateUrl: './link-list-link.component.html',\n host: {\n '[class.utrecht-link-list__link]': 'true',\n '[class.utrecht-link]': 'true',\n '[class.utrecht-link--html-a]': 'true',\n },\n})\nexport class LinkListLinkComponent {\n @Input({ required: true }) href!: string;\n}\n","<ng-content select=\"[icon]\"></ng-content>\n<span class=\"utrecht-link-list__link-text\">\n <ng-content></ng-content>\n</span>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'rhc-link-list',\n imports: [],\n templateUrl: './link-list.component.html',\n})\nexport class LinkListComponent {}\n","<ul class=\"rhc-link-list utrecht-link-list utrecht-link-list--html-ul\">\n <ng-content></ng-content>\n</ul>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'li[rhc-link-list-item]',\n imports: [],\n templateUrl: './link-list-item.component.html',\n host: {\n '[class.utrecht-link-list__item]': 'true',\n },\n})\nexport class LinkListItemComponent {}\n","<ng-content></ng-content>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-navbar',\n imports: [],\n templateUrl: './navbar.component.html',\n})\nexport class NavbarComponent {\n @Input() showEndItems?: boolean = false;\n}\n","<div class=\"rhc-nav-bar__container\">\n <nav class=\"rhc-nav-bar\">\n <ul class=\"rhc-nav-bar__list\">\n <ng-content select=\"[rhc-navbar-item][rhcHeadingItem]\"></ng-content>\n <ng-content select=\"[rhc-navbar-item]:not([rhcEndItem])\"></ng-content>\n </ul>\n @if (showEndItems) {\n <ul class=\"rhc-nav-bar__list rhc-nav-bar__list--end\">\n <ng-content select=\"[rhc-navbar-item][rhcEndItem]\"></ng-content>\n </ul>\n }\n <ng-content></ng-content>\n </nav>\n</div>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'li[rhc-navbar-item]',\n imports: [],\n templateUrl: './navbar-item.component.html',\n host: {\n '[class.rhc-nav-bar__item]': 'true',\n },\n})\nexport class NavbarItemComponent {\n @Input({ required: true }) href!: string;\n}\n","<a [href]=\"href\" class=\"nl-link rhc-link rhc-nav-bar__link\">\n <ng-content select=\"[icon]\"></ng-content>\n <span class=\"rhc-nav-bar__label\">\n <ng-content></ng-content>\n </span>\n</a>\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n selector: '[rhcHeadingItem]',\n})\nexport class HeadingItemDirective {\n @HostBinding('class')\n className = 'rhc-nav-bar__heading';\n}\n","import { Directive } from '@angular/core';\n\n/**\n * Deze directive wordt gebruikt als \"marker\". Hiermee kunnen <li>'s gemarkeerd worden als endItem.\n * Een endItem wordt aan het einde van de navbar geplaatst.\n */\n@Directive({\n selector: '[rhcEndItem]',\n})\nexport class EndItemDirective {}\n","import { Component, Input } from '@angular/core';\nimport { ColumnLayoutComponent } from '../column-layout/column-layout.component';\nimport { HeadingComponent } from '../heading/heading.component';\nimport { type HeadingLevel } from '../heading/heading.component';\n\n@Component({\n selector: 'footer[rhc-footer]',\n imports: [HeadingComponent, ColumnLayoutComponent],\n templateUrl: './footer.component.html',\n styleUrl: './footer.component.css',\n})\nexport class FooterComponent {\n @Input() background: 'primary-filled' | 'primary-outlined' = 'primary-filled';\n @Input() preFooter?: boolean;\n @Input() preFooterMessage?: string;\n @Input() heading?: string;\n @Input() tagline?: string;\n @Input() appearanceLevel: HeadingLevel = 3;\n @Input() subFooter?: boolean;\n\n get backgroundClass(): string {\n return `rhc-page-footer--${this.background}`;\n }\n}\n","<footer class=\"rhc-page-footer-container\">\n @if (preFooter) {\n <div class=\"rhc-page-prefooter\">\n @if (preFooterMessage) {\n <span class=\"rhc-page-prefooter__content\">{{ preFooterMessage }}</span>\n }\n </div>\n }\n\n <div [class]=\"`utrecht-page-footer rhc-page-footer ${backgroundClass}`\">\n <div class=\"utrecht-page-footer__content\">\n <div class=\"rhc-page-footer-layout\">\n @if (heading) {\n <h2 aria-hidden=\"true\" hidden>{{ heading }}</h2>\n }\n @if (tagline) {\n <div class=\"rhc-page-footer__tagline\">\n <rhc-heading [level]=\"2\" [appearanceLevel]=\"appearanceLevel\" role=\"presentation\">{{ tagline }}</rhc-heading>\n </div>\n }\n <rhc-column-layout>\n <ng-content select=\"[columns]\"></ng-content>\n </rhc-column-layout>\n </div>\n </div>\n </div>\n\n @if (subFooter) {\n <div [class]=\"`utrecht-page-footer rhc-page-footer rhc-page-footer--subfooter ${backgroundClass}`\">\n <div class=\"utrecht-page-footer__content\">\n <div class=\"rhc-page-subfooter-layout\">\n <ng-content select=\"[subFooter]\"></ng-content>\n </div>\n </div>\n </div>\n }\n</footer>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'rhc-data-summary',\n imports: [CommonModule],\n templateUrl: './data-summary.component.html',\n})\nexport class DataSummaryComponent {\n @Input() appearance: 'Column' | 'Row' = 'Column';\n}\n","<dl\n [ngClass]=\"{\n 'rhc-data-summary': true,\n 'rhc-data-summary--column': appearance === 'Column',\n 'rhc-data-summary--row': appearance === 'Row',\n }\"\n>\n <ng-content></ng-content>\n</dl>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { LinkComponent } from '../link/link.component';\n\n@Component({\n selector: 'div[rhc-data-summary-item]',\n imports: [CommonModule, LinkComponent],\n templateUrl: './data-summary-item.component.html',\n host: {\n '[class.rhc-data-summary__item]': 'true',\n },\n})\nexport class DataSummaryItemComponent {\n @Input() key: string = '';\n @Input() value: string = '';\n @Input() href?: string;\n @Input() target?: '_self' | '_blank' | '_parent' | '_top' | '_unfencedTop' = '_self';\n @Input() actionLabel?: string;\n}\n","<ng-content>\n <dt class=\"rhc-data-summary__item-key\">\n {{ key }}\n </dt>\n <dd class=\"rhc-data-summary__item-value\">\n {{ value }}\n </dd>\n @if (href && actionLabel) {\n <dd class=\"rhc-data-summary__item-action\">\n <rhc-link [href]=\"href\" [target]=\"target\">\n {{ actionLabel }}\n </rhc-link>\n </dd>\n }\n</ng-content>\n","import { Component, inject } from '@angular/core';\n\n@Component({\n selector: 'rhc-back-to-top',\n imports: [],\n templateUrl: './back-to-top.component.html',\n styles: [\n `\n :host {\n margin-left: auto;\n }\n `,\n ],\n providers: [\n {\n provide: Window,\n useValue: globalThis,\n },\n ],\n})\nexport class BackToTopComponent {\n private window = inject(Window);\n\n scrollBackToTop = (event: MouseEvent) => {\n event.preventDefault();\n this.window.scrollTo({ top: 0, behavior: 'smooth' });\n const targetElement = event.currentTarget as HTMLAnchorElement;\n const targetSelector = targetElement.getAttribute('href');\n if (!targetSelector) return;\n const $target = document.querySelector(targetSelector) as HTMLElement | null;\n if (!$target) return;\n $target.focus({ preventScroll: true }); // Ensure target is focusable, ie via tabindex={-1} on #main\n };\n}\n","<a class=\"rhc-page-subfooter__backtotop\" href=\"#main\" (click)=\"scrollBackToTop($event)\">\n <ng-content></ng-content>\n</a>\n","/*\n * Public API Surface of components-angular\n */\nexport * from './heading/heading.component';\nexport * from './paragraph/paragraph.component';\nexport * from './link/link.component';\nexport * from './button/button.component';\nexport * from './action-group/action-group.component';\nexport * from './image/image.component';\nexport * from './figure/figure.component';\nexport * from './figure-caption/figure-caption.component';\nexport * from './icon/icon.component';\nexport * from './unordered-list/unordered-list.component';\nexport * from './unordered-list-item/unordered-list-item.component';\nexport * from './column-layout/column-layout.component';\nexport * from './logo/logo.component';\nexport * from './form-field/form-field.component';\nexport * from './form-field-description/form-field-description.component';\nexport * from './form-field-error-message/form-field-error-message.component';\nexport * from './form-field-text-input/form-field-text-input.component';\nexport * from './form-label/form-label.component';\nexport * from './text-input/text-input.component';\nexport * from './link-list-link/link-list-link.component';\nexport * from './link-list/link-list.component';\nexport * from './link-list-item/link-list-item.component';\nexport * from './navbar/navbar.component';\nexport * from './navbar-item/navbar-item.component';\nexport * from './navbar-item/heading-item.directive';\nexport * from './navbar-item/end-item.directive';\nexport * from './footer/footer.component';\nexport * from './data-summary/data-summary.component';\nexport * from './data-summary-item/data-summary-item.component';\nexport * from './back-to-top/back-to-top.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAGO,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;MAS9B,gBAAgB,CAAA;AACA,IAAA,KAAK;AACvB,IAAA,eAAe;IAExB,YAAY,GAAG,MAAM,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,KAAK;IACvD,eAAe,GAAG,MAAM,CAAA,6BAAA,EAAgC,IAAI,CAAC,YAAY,EAAE,CAAA,CAAE;wGALlE,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZ7B,0yBA+BA,EAAA,MAAA,EAAA,CAAA,igFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDvBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAIX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;+BACE,aAAa,EAAA,OAAA,EACd,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,0yBAAA,EAAA,MAAA,EAAA,CAAA,igFAAA,CAAA,EAAA;;sBAKtB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB;;;MEZU,iBAAiB,GAAG,CAAC,SAAS,EAAE,MAAM;MAStC,kBAAkB,CAAA;AACpB,IAAA,UAAU;IAEnB,aAAa,GAAG,MAAK;AACnB,QAAA,OAAO,IAAI,CAAC,UAAU,KAAK,MAAM,GAAG,iCAAiC,GAAG,cAAc;AACxF,IAAA,CAAC;wGALU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,+GCX/B,0EAGA,EAAA,MAAA,EAAA,CAAA,06BAAA,CAAA,EAAA,CAAA;;4FDQa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,WAChB,EAAE,EAAA,QAAA,EAAA,0EAAA,EAAA,MAAA,EAAA,CAAA,06BAAA,CAAA,EAAA;;sBAKV;;;MEJU,aAAa,CAAA;AACG,IAAA,IAAI;AACtB,IAAA,MAAM;IACN,MAAM,GAA8D,OAAO;AAEpF,IAAA,eAAe,GAAG,MAAM,CAAA,iBAAA,EAAoB,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE,EAAE;wGALxE,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,kICR1B,wHAGA,EAAA,MAAA,EAAA,CAAA,y8CAAA,CAAA,EAAA,CAAA;;4FDKa,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,WACX,EAAE,EAAA,QAAA,EAAA,wHAAA,EAAA,MAAA,EAAA,CAAA,y8CAAA,CAAA,EAAA;;sBAKV,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB;;sBACA;;;MEIU,eAAe,CAAA;IACjB,UAAU,GAA2D,EAAE;IACvE,QAAQ,GAAa,KAAK;wGAFxB,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,sCAAA,EAAA,mCAAA,EAAA,wCAAA,EAAA,qCAAA,EAAA,qCAAA,EAAA,2BAAA,EAAA,eAAA,EAAA,gCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECf5B,6BACA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDIY,YAAY,EAAA,CAAA,EAAA,CAAA;;4FAUX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAZ3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,OAAA,EACrB,CAAC,YAAY,CAAC,EAAA,IAAA,EAEjB;AACJ,wBAAA,wBAAwB,EAAE,MAAM;AAChC,wBAAA,wCAAwC,EAAE,iCAAiC;AAC3E,wBAAA,0CAA0C,EAAE,mCAAmC;AAC/E,wBAAA,uCAAuC,EAAE,yBAAyB;AAClE,wBAAA,iBAAiB,EAAE,8BAA8B;AAClD,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;sBAGA;;sBACA;;;AEjBH;;;AAGG;MASU,oBAAoB,CAAA;IACtB,SAAS,GAAwC,KAAK;wGADpD,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,gHCZjC,kXAcA,EAAA,CAAA;;4FDFa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,WACnB,EAAE,EAAA,QAAA,EAAA,kXAAA,EAAA;;sBAIV;;;MEFU,cAAc,CAAA;wGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,qKCX3B,6BACA,EAAA,CAAA;;4FDUa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAT1B,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,qBAAqB,EAAE,MAAM;AAC7B,wBAAA,4BAA4B,EAAE,MAAM;AACrC,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;;MEMU,eAAe,CAAA;AACjB,IAAA,kBAAkB;AAClB,IAAA,oBAAoB;AACpB,IAAA,oBAAoB;AACpB,IAAA,sBAAsB;wGAJpB,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,gyBCf5B,6BACA,EAAA,CAAA;;4FDca,eAAe,EAAA,UAAA,EAAA,CAAA;kBAb3B,SAAS;+BACE,oBAAoB,EAAA,OAAA,EACrB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,wBAAwB,EAAE,MAAM;AAChC,wBAAA,oDAAoD,EAAE,uDAAuD;AAC7G,wBAAA,sDAAsD,EAAE,2DAA2D;AACnH,wBAAA,sDAAsD,EAAE,2DAA2D;AACnH,wBAAA,wDAAwD,EACtD,+DAA+D;AAClE,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;sBAGA;;sBACA;;sBACA;;sBACA;;;METU,sBAAsB,CAAA;wGAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,6JCVnC,6BACA,EAAA,CAAA;;4FDSa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;+BACE,gCAAgC,EAAA,OAAA,EACjC,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,iCAAiC,EAAE,MAAM;AAC1C,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;;MEDU,aAAa,CAAA;wGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,oECP1B,4DAGA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,CAAA;;4FDIa,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;+BACE,UAAU,EAAA,QAAA,EAAA,4DAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;MEQT,sBAAsB,CAAA;IACxB,MAAM,GAAa,KAAK;wGADtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,oOCXnC,6BACA,EAAA,CAAA;;4FDUa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBATlC,SAAS;+BACE,wBAAwB,EAAA,OAAA,EACzB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,gCAAgC,EAAE,MAAM;AACxC,wBAAA,wCAAwC,EAAE,QAAQ;AACnD,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;sBAGA;;;MEFU,0BAA0B,CAAA;wGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,+JCVvC,6BACA,EAAA,CAAA;;4FDSa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;+BACE,6BAA6B,EAAA,OAAA,EAC9B,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,sCAAsC,EAAE,MAAM;AAC/C,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;;MEDU,qBAAqB,CAAA;IACvB,IAAI,GAAa,KAAK;wGADpB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,uGCPlC,oJAQA,EAAA,CAAA;;4FDDa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,WACpB,EAAE,EAAA,QAAA,EAAA,oJAAA,EAAA;;sBAIV;;;MECU,aAAa,CAAA;AACG,IAAA,YAAY;AACX,IAAA,QAAQ;wGAFzB,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECT1B,yQASA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJY,YAAY,EAAA,CAAA,EAAA,CAAA;;4FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;+BACE,kBAAkB,EAAA,OAAA,EACnB,CAAC,YAAY,CAAC,QAEjB,EAAE,kBAAkB,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,yQAAA,EAAA;;sBAGnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;MEHf,kBAAkB,CAAA;AACpB,IAAA,IAAI;AACJ,IAAA,KAAK;IACL,OAAO,GAAa,KAAK;IACzB,SAAS,GAAa,IAAI;IAC1B,SAAS,GAAa,IAAI;IAC1B,eAAe,GAAa,KAAK;AAE1C,IAAA,WAAA,GAAA,EAAe;wGARJ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECR/B,g+BAqCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDhCY,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAGN,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,g+BAAA,EAAA;;sBAIjB;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;MENU,6BAA6B,CAAA;IAC/B,OAAO,GAAa,KAAK;IACzB,KAAK,GAAa,KAAK;IACvB,OAAO,GAAa,KAAK;AACzB,IAAA,KAAK;wGAJH,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECR1C,iTAWA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDNY,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAGN,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACE,4BAA4B,EAAA,OAAA,EAC7B,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,iTAAA,EAAA;;sBAIjB;;sBACA;;sBACA;;sBACA;;;MENU,8BAA8B,CAAA;wGAA9B,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA9B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,8BAA8B,wFCN3C,yFAGA,EAAA,CAAA;;4FDGa,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAJ1C,SAAS;+BACE,8BAA8B,EAAA,QAAA,EAAA,yFAAA,EAAA;;;MEW7B,kBAAkB,CAAA;IACpB,QAAQ,GAAa,KAAK;IAC1B,OAAO,GAAa,KAAK;AACzB,IAAA,IAAI;wGAHF,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,6aCd/B,6BACA,EAAA,CAAA;;4FDaa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAZ9B,SAAS;+BACE,uBAAuB,EAAA,OAAA,EACxB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,4BAA4B,EAAE,MAAM;AACpC,wBAAA,sCAAsC,EAAE,UAAU;AAClD,wBAAA,qCAAqC,EAAE,SAAS;AAChD,wBAAA,mCAAmC,EAAE,kBAAkB;AACvD,wBAAA,sCAAsC,EAAE,qBAAqB;AAC9D,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;sBAGA;;sBACA;;sBACA;;;MEGU,kBAAkB,CAAA;IACpB,QAAQ,GAAI,KAAK;IACjB,OAAO,GAAI,KAAK;AACzB;;;AAGG;IACM,QAAQ,GAAI,KAAK;AAC1B;;;AAGG;IACM,aAAa,GAAI,KAAK;IACtB,QAAQ,GAAI,KAAK;wGAbf,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,kvBCpB/B,6BACA,EAAA,CAAA;;4FDmBa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAlB9B,SAAS;+BACE,uBAAuB,EAAA,OAAA,EACxB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,yBAAyB,EAAE,MAAM;AACjC,wBAAA,qCAAqC,EAAE,MAAM;AAC7C,wBAAA,mCAAmC,EAAE,UAAU;AAC/C,wBAAA,kCAAkC,EAAE,SAAS;AAC7C,wBAAA,mCAAmC,EAAE,UAAU;AAC/C,wBAAA,mCAAmC,EAAE,UAAU;AAC/C,wBAAA,qBAAqB,EAAE,sBAAsB;AAC7C,wBAAA,iBAAiB,EAAE,6BAA6B;AAChD,wBAAA,iBAAiB,EAAE,kCAAkC;AACrD,wBAAA,sBAAsB,EAAE,0BAA0B;AAClD,wBAAA,iBAAiB,EAAE,8BAA8B;AAClD,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;sBAGA;;sBACA;;sBAKA;;sBAKA;;sBACA;;;MEOU,2BAA2B,CAAA;IAC7B,OAAO,GAAa,KAAK;IACzB,eAAe,GAAa,KAAK;AACjC,IAAA,KAAK;AACL,IAAA,YAAY;AACZ,IAAA,WAAW;AACX,IAAA,MAAM;AACf;;;AAGG;IACM,QAAQ,GAAa,KAAK;AACnC;;;AAGG;IACM,aAAa,GAAa,KAAK;IAC/B,QAAQ,GAAa,KAAK;IAC1B,GAAG,GAA4B,MAAM;AACrC,IAAA,IAAI;AACJ,IAAA,YAAY;AACZ,IAAA,WAAW;AACX,IAAA,IAAI;AACJ,IAAA,SAAS;AACT,IAAA,SAAS;AACT,IAAA,GAAG;AACH,IAAA,GAAG;AACH,IAAA,IAAI;IACJ,IAAI,GAAoB,MAAM;AACZ,IAAA,OAAO;IACzB,KAAK,GAAG,EAAE;IAEnB,QAAQ,GAAY,KAAK;AAEjB,IAAA,QAAQ,GAA4B,MAAK,EAAE,CAAC;AAC5C,IAAA,SAAS,GAAe,MAAK,EAAE,CAAC;AAExC,IAAA,aAAa,CAAC,KAAY,EAAA;AACxB,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;AACxB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAC3B;IAEA,aAAa,GAAA;QACX,IAAI,CAAC,SAAS,EAAE;IAClB;AAEA,IAAA,UAAU,CAAC,KAAoB,EAAA;AAC7B,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE;IAC1B;AAEA,IAAA,gBAAgB,CAAC,EAA2B,EAAA;AAC1C,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACpB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;IAC5B;wGA7DW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,OAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,GAAA,EAAA,KAAA,EAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,GAAA,EAAA,KAAA,EAAA,GAAA,EAAA,KAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAR3B;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,2BAA2B,CAAC;AAC1D,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;SACF,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtCH,yoCA0CA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDjBI,kBAAkB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,kBAAkB,2GAClB,kBAAkB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,8BAA8B,EAAA,QAAA,EAAA,8BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC9B,6BAA6B,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAWpB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAlBvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAAA,OAAA,EAC5B;wBACP,kBAAkB;wBAClB,kBAAkB;wBAClB,kBAAkB;wBAClB,8BAA8B;wBAC9B,6BAA6B;qBAC9B,EAAA,SAAA,EAEU;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,iCAAiC,CAAC;AAC1D,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,yoCAAA,EAAA;;sBAGA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAKA;;sBAKA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB;;;ME1DU,qBAAqB,CAAA;AACL,IAAA,IAAI;wGADpB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,kPCZlC,oIAIA,EAAA,CAAA;;4FDQa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,SAAS;+BACE,uBAAuB,EAAA,OAAA,EACxB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,iCAAiC,EAAE,MAAM;AACzC,wBAAA,sBAAsB,EAAE,MAAM;AAC9B,wBAAA,8BAA8B,EAAE,MAAM;AACvC,qBAAA,EAAA,QAAA,EAAA,oIAAA,EAAA;;sBAGA,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;MENd,iBAAiB,CAAA;wGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,yECP9B,iHAGA,EAAA,CAAA;;4FDIa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,WAChB,EAAE,EAAA,QAAA,EAAA,iHAAA,EAAA;;;MEMA,qBAAqB,CAAA;wGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,qJCVlC,6BACA,EAAA,CAAA;;4FDSa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;+BACE,wBAAwB,EAAA,OAAA,EACzB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,iCAAiC,EAAE,MAAM;AAC1C,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA;;;MEDU,eAAe,CAAA;IACjB,YAAY,GAAa,KAAK;wGAD5B,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,gHCP5B,kgBAcA,EAAA,CAAA;;4FDPa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,WACb,EAAE,EAAA,QAAA,EAAA,kgBAAA,EAAA;;sBAIV;;;MEEU,mBAAmB,CAAA;AACH,IAAA,IAAI;wGADpB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,sKCVhC,0MAMA,EAAA,CAAA;;4FDIa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;+BACE,qBAAqB,EAAA,OAAA,EACtB,EAAE,EAAA,IAAA,EAEL;AACJ,wBAAA,2BAA2B,EAAE,MAAM;AACpC,qBAAA,EAAA,QAAA,EAAA,0MAAA,EAAA;;sBAGA,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;MENd,oBAAoB,CAAA;IAE/B,SAAS,GAAG,sBAAsB;wGAFvB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAHhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC7B,iBAAA;;sBAEE,WAAW;uBAAC,OAAO;;;ACJtB;;;AAGG;MAIU,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACzB,iBAAA;;;MCGY,eAAe,CAAA;IACjB,UAAU,GAA0C,gBAAgB;AACpE,IAAA,SAAS;AACT,IAAA,gBAAgB;AAChB,IAAA,OAAO;AACP,IAAA,OAAO;IACP,eAAe,GAAiB,CAAC;AACjC,IAAA,SAAS;AAElB,IAAA,IAAI,eAAe,GAAA;AACjB,QAAA,OAAO,CAAA,iBAAA,EAAoB,IAAI,CAAC,UAAU,EAAE;IAC9C;wGAXW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX5B,8uCAqCA,EAAA,MAAA,EAAA,CAAA,0IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED9BY,gBAAgB,8FAAE,qBAAqB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAItC,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,OAAA,EACrB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,EAAA,QAAA,EAAA,8uCAAA,EAAA,MAAA,EAAA,CAAA,0IAAA,CAAA,EAAA;;sBAKjD;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;MEVU,oBAAoB,CAAA;IACtB,UAAU,GAAqB,QAAQ;wGADrC,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECRjC,mNASA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAGX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;+BACE,kBAAkB,EAAA,OAAA,EACnB,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,mNAAA,EAAA;;sBAItB;;;MEGU,wBAAwB,CAAA;IAC1B,GAAG,GAAW,EAAE;IAChB,KAAK,GAAW,EAAE;AAClB,IAAA,IAAI;IACJ,MAAM,GAA8D,OAAO;AAC3E,IAAA,WAAW;wGALT,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,KAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZrC,kXAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDTY,YAAY,+BAAE,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAM1B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,WAC7B,CAAC,YAAY,EAAE,aAAa,CAAC,EAAA,IAAA,EAEhC;AACJ,wBAAA,gCAAgC,EAAE,MAAM;AACzC,qBAAA,EAAA,QAAA,EAAA,kXAAA,EAAA;;sBAGA;;sBACA;;sBACA;;sBACA;;sBACA;;;MEGU,kBAAkB,CAAA;AACrB,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAE/B,IAAA,eAAe,GAAG,CAAC,KAAiB,KAAI;QACtC,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACpD,QAAA,MAAM,aAAa,GAAG,KAAK,CAAC,aAAkC;QAC9D,MAAM,cAAc,GAAG,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC;AACzD,QAAA,IAAI,CAAC,cAAc;YAAE;QACrB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAuB;AAC5E,QAAA,IAAI,CAAC,OAAO;YAAE;QACd,OAAO,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;AACzC,IAAA,CAAC;wGAZU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,SAAA,EAPlB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,QAAQ,EAAE,UAAU;AACrB,aAAA;AACF,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBH,qIAGA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,CAAA;;4FDiBa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAlB9B,SAAS;+BACE,iBAAiB,EAAA,OAAA,EAClB,EAAE,EAAA,SAAA,EASA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,QAAQ,EAAE,UAAU;AACrB,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,qIAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AElBH;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -154,12 +154,12 @@ declare class FormFieldTextInputComponent implements ControlValueAccessor {
|
|
|
154
154
|
private onTouched;
|
|
155
155
|
onValueChange(event: Event): void;
|
|
156
156
|
markAsTouched(): void;
|
|
157
|
-
writeValue(value: string): void;
|
|
157
|
+
writeValue(value: string | null): void;
|
|
158
158
|
registerOnChange(fn: (value: string) => void): void;
|
|
159
159
|
registerOnTouched(fn: () => void): void;
|
|
160
160
|
setDisabledState(isDisabled: boolean): void;
|
|
161
161
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldTextInputComponent, never>;
|
|
162
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldTextInputComponent, "rhc-form-field-text-input", never, { "invalid": { "alias": "invalid"; "required": false; }; "showDescription": { "alias": "showDescription"; "required": false; }; "label": { "alias": "label"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "description": { "alias": "description"; "required": false; }; "status": { "alias": "status"; "required": false; }; "required": { "alias": "required"; "required": false; }; "inputRequired": { "alias": "inputRequired"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "inputId": { "alias": "inputId"; "required": true; }; }, {}, never, never, true, never>;
|
|
162
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldTextInputComponent, "rhc-form-field-text-input", never, { "invalid": { "alias": "invalid"; "required": false; }; "showDescription": { "alias": "showDescription"; "required": false; }; "label": { "alias": "label"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "description": { "alias": "description"; "required": false; }; "status": { "alias": "status"; "required": false; }; "required": { "alias": "required"; "required": false; }; "inputRequired": { "alias": "inputRequired"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "inputId": { "alias": "inputId"; "required": true; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
|
|
163
163
|
}
|
|
164
164
|
|
|
165
165
|
declare class FormLabelComponent {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rijkshuisstijl-community/components-angular",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.1.1",
|
|
4
4
|
"author": "Community for NL Design System",
|
|
5
5
|
"description": "Angular component library for the Rijkshuisstijl Community repository, based on the NL Design System architecture",
|
|
6
6
|
"license": "EUPL-1.2",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"type": "module",
|
|
12
12
|
"publishConfig": {
|
|
13
13
|
"access": "public",
|
|
14
|
-
"
|
|
14
|
+
"provenance": true
|
|
15
15
|
},
|
|
16
16
|
"repository": {
|
|
17
17
|
"type": "git+ssh",
|
|
@@ -23,16 +23,16 @@
|
|
|
23
23
|
"tslib": "2.8.1"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@angular-devkit/build-angular": "21.2.
|
|
27
|
-
"@angular/cli": "21.2.
|
|
28
|
-
"@angular/common": "21.2.
|
|
29
|
-
"@angular/compiler": "21.2.
|
|
30
|
-
"@angular/compiler-cli": "21.2.
|
|
31
|
-
"@angular/core": "21.2.
|
|
32
|
-
"@angular/forms": "21.2.
|
|
33
|
-
"@angular/platform-browser": "21.2.
|
|
34
|
-
"@angular/platform-browser-dynamic": "21.2.
|
|
35
|
-
"@angular/router": "21.2.
|
|
26
|
+
"@angular-devkit/build-angular": "21.2.14",
|
|
27
|
+
"@angular/cli": "21.2.14",
|
|
28
|
+
"@angular/common": "21.2.16",
|
|
29
|
+
"@angular/compiler": "21.2.16",
|
|
30
|
+
"@angular/compiler-cli": "21.2.16",
|
|
31
|
+
"@angular/core": "21.2.16",
|
|
32
|
+
"@angular/forms": "21.2.16",
|
|
33
|
+
"@angular/platform-browser": "21.2.16",
|
|
34
|
+
"@angular/platform-browser-dynamic": "21.2.16",
|
|
35
|
+
"@angular/router": "21.2.16"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@nl-design-system-candidate/heading-css": "1.1.3",
|
|
@@ -40,14 +40,14 @@
|
|
|
40
40
|
"@nl-design-system-candidate/paragraph-css": "2.1.3",
|
|
41
41
|
"@testing-library/jest-dom": "6.9.1",
|
|
42
42
|
"@types/jest": "30.0.0",
|
|
43
|
-
"jest": "30.
|
|
44
|
-
"jest-environment-jsdom": "30.
|
|
45
|
-
"jest-preset-angular": "16.1.
|
|
46
|
-
"ng-packagr": "21.2.
|
|
43
|
+
"jest": "30.4.2",
|
|
44
|
+
"jest-environment-jsdom": "30.4.1",
|
|
45
|
+
"jest-preset-angular": "16.1.5",
|
|
46
|
+
"ng-packagr": "21.2.5",
|
|
47
47
|
"rxjs": "7.8.2",
|
|
48
48
|
"typescript": "5.9.3",
|
|
49
|
-
"zone.js": "0.16.
|
|
50
|
-
"@rijkshuisstijl-community/components-css": "17.
|
|
49
|
+
"zone.js": "0.16.2",
|
|
50
|
+
"@rijkshuisstijl-community/components-css": "17.1.1"
|
|
51
51
|
},
|
|
52
52
|
"files": [
|
|
53
53
|
"dist/"
|