@rijkshuisstijl-community/components-angular 10.0.0 → 10.0.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.
|
@@ -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.6", ngImport: i0, type: HeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", 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.6", 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: [{
|
|
@@ -34,10 +34,10 @@ class ParagraphComponent {
|
|
|
34
34
|
return 'nl-paragraph';
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
38
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
37
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ParagraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ParagraphComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
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
43
|
}], propDecorators: { appearance: [{
|
|
@@ -49,10 +49,10 @@ class LinkComponent {
|
|
|
49
49
|
inline;
|
|
50
50
|
target = '_self';
|
|
51
51
|
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.
|
|
52
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
54
|
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: LinkComponent, decorators: [{
|
|
56
56
|
type: Component,
|
|
57
57
|
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
58
|
}], propDecorators: { href: [{
|
|
@@ -67,10 +67,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
67
67
|
class ButtonComponent {
|
|
68
68
|
appearance = '';
|
|
69
69
|
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.
|
|
70
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
72
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
74
74
|
type: Component,
|
|
75
75
|
args: [{ selector: 'button[rhc-button]', imports: [CommonModule], host: {
|
|
76
76
|
'[class.utrecht-button]': 'true',
|
|
@@ -91,10 +91,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
91
91
|
*/
|
|
92
92
|
class ActionGroupComponent {
|
|
93
93
|
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.
|
|
94
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ActionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
95
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
96
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ActionGroupComponent, decorators: [{
|
|
98
98
|
type: Component,
|
|
99
99
|
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
100
|
}], propDecorators: { direction: [{
|
|
@@ -102,10 +102,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
102
102
|
}] } });
|
|
103
103
|
|
|
104
104
|
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.
|
|
105
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
106
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
107
|
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ImageComponent, decorators: [{
|
|
109
109
|
type: Component,
|
|
110
110
|
args: [{ selector: 'img[rhc-image]', imports: [], host: {
|
|
111
111
|
'[class.utrecht-img]': 'true',
|
|
@@ -118,10 +118,10 @@ class FigureComponent {
|
|
|
118
118
|
borderEndStartRadius;
|
|
119
119
|
borderStartEndRadius;
|
|
120
120
|
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.
|
|
121
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FigureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
122
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
123
|
}
|
|
124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FigureComponent, decorators: [{
|
|
125
125
|
type: Component,
|
|
126
126
|
args: [{ selector: 'figure[rhc-figure]', imports: [], host: {
|
|
127
127
|
'[class.utrecht-figure]': 'true',
|
|
@@ -141,10 +141,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
141
141
|
}] } });
|
|
142
142
|
|
|
143
143
|
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.
|
|
144
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FigureCaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
145
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
146
|
}
|
|
147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FigureCaptionComponent, decorators: [{
|
|
148
148
|
type: Component,
|
|
149
149
|
args: [{ selector: 'figcaption[rhc-figure-caption]', imports: [], host: {
|
|
150
150
|
'[class.utrecht-figure__caption]': 'true',
|
|
@@ -152,20 +152,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
152
152
|
}] });
|
|
153
153
|
|
|
154
154
|
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.
|
|
155
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
156
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
157
|
}
|
|
158
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
158
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: IconComponent, decorators: [{
|
|
159
159
|
type: Component,
|
|
160
160
|
args: [{ selector: 'rhc-icon', template: "<span class=\"utrecht-icon\">\n <ng-content />\n</span>\n", styles: [":host{display:contents}\n"] }]
|
|
161
161
|
}] });
|
|
162
162
|
|
|
163
163
|
class UnorderedListComponent {
|
|
164
164
|
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.
|
|
165
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: UnorderedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
166
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
167
|
}
|
|
168
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
168
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: UnorderedListComponent, decorators: [{
|
|
169
169
|
type: Component,
|
|
170
170
|
args: [{ selector: 'ul[rhc-unordered-list]', imports: [], host: {
|
|
171
171
|
'[class.utrecht-unordered-list]': 'true',
|
|
@@ -176,10 +176,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
176
176
|
}] } });
|
|
177
177
|
|
|
178
178
|
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.
|
|
179
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: UnorderedListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
180
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
181
|
}
|
|
182
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
182
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: UnorderedListItemComponent, decorators: [{
|
|
183
183
|
type: Component,
|
|
184
184
|
args: [{ selector: 'li[rhc-unordered-list-item]', imports: [], host: {
|
|
185
185
|
'[class.utrecht-unordered-list__item]': 'true',
|
|
@@ -188,10 +188,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
188
188
|
|
|
189
189
|
class ColumnLayoutComponent {
|
|
190
190
|
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.
|
|
191
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ColumnLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
192
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
193
|
}
|
|
194
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
194
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ColumnLayoutComponent, decorators: [{
|
|
195
195
|
type: Component,
|
|
196
196
|
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
197
|
}], propDecorators: { rule: [{
|
|
@@ -201,10 +201,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
201
201
|
class LogoComponent {
|
|
202
202
|
organisation;
|
|
203
203
|
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.
|
|
204
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: LogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
205
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", 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
206
|
}
|
|
207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: LogoComponent, decorators: [{
|
|
208
208
|
type: Component,
|
|
209
209
|
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
210
|
}], propDecorators: { organisation: [{
|
|
@@ -223,10 +223,10 @@ class FormFieldComponent {
|
|
|
223
223
|
showLabel = true;
|
|
224
224
|
showDescription = false;
|
|
225
225
|
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.
|
|
226
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
227
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", 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
228
|
}
|
|
229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
229
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FormFieldComponent, decorators: [{
|
|
230
230
|
type: Component,
|
|
231
231
|
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
232
|
}], ctorParameters: () => [], propDecorators: { type: [{
|
|
@@ -248,10 +248,10 @@ class FormFieldDescriptionComponent {
|
|
|
248
248
|
valid = false;
|
|
249
249
|
warning = false;
|
|
250
250
|
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.
|
|
251
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FormFieldDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
252
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
253
|
}
|
|
254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FormFieldDescriptionComponent, decorators: [{
|
|
255
255
|
type: Component,
|
|
256
256
|
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
257
|
}], propDecorators: { invalid: [{
|
|
@@ -265,10 +265,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
265
265
|
}] } });
|
|
266
266
|
|
|
267
267
|
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.
|
|
268
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FormFieldErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
269
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
270
|
}
|
|
271
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FormFieldErrorMessageComponent, decorators: [{
|
|
272
272
|
type: Component,
|
|
273
273
|
args: [{ selector: 'rhc-form-field-error-message', template: "<div class=\"utrecht-form-field-error-message\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
274
274
|
}] });
|
|
@@ -277,10 +277,10 @@ class FormLabelComponent {
|
|
|
277
277
|
disabled = false;
|
|
278
278
|
checked = false;
|
|
279
279
|
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.
|
|
280
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FormLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
281
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
282
|
}
|
|
283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
283
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FormLabelComponent, decorators: [{
|
|
284
284
|
type: Component,
|
|
285
285
|
args: [{ selector: 'label[rhc-form-label]', imports: [], host: {
|
|
286
286
|
'[class.utrecht-form-label]': 'true',
|
|
@@ -311,10 +311,10 @@ class TextInputComponent {
|
|
|
311
311
|
*/
|
|
312
312
|
inputRequired = false;
|
|
313
313
|
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.
|
|
314
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
315
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
316
|
}
|
|
317
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
318
318
|
type: Component,
|
|
319
319
|
args: [{ selector: 'input[rhc-text-input]', imports: [], host: {
|
|
320
320
|
'[class.utrecht-textbox]': 'true',
|
|
@@ -395,8 +395,8 @@ class FormFieldTextInputComponent {
|
|
|
395
395
|
setDisabledState(isDisabled) {
|
|
396
396
|
this.disabled = isDisabled;
|
|
397
397
|
}
|
|
398
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
399
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
398
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FormFieldTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
399
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", 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" }, providers: [
|
|
400
400
|
{
|
|
401
401
|
provide: NG_VALUE_ACCESSOR,
|
|
402
402
|
useExisting: forwardRef(() => FormFieldTextInputComponent),
|
|
@@ -404,7 +404,7 @@ class FormFieldTextInputComponent {
|
|
|
404
404
|
},
|
|
405
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"] }] });
|
|
406
406
|
}
|
|
407
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
407
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FormFieldTextInputComponent, decorators: [{
|
|
408
408
|
type: Component,
|
|
409
409
|
args: [{ selector: 'rhc-form-field-text-input', imports: [
|
|
410
410
|
FormFieldComponent,
|
|
@@ -466,10 +466,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
466
466
|
|
|
467
467
|
class LinkListLinkComponent {
|
|
468
468
|
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.
|
|
469
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: LinkListLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
470
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
471
|
}
|
|
472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
472
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: LinkListLinkComponent, decorators: [{
|
|
473
473
|
type: Component,
|
|
474
474
|
args: [{ selector: 'a[rhc-link-list-link]', imports: [], host: {
|
|
475
475
|
'[class.utrecht-link-list__link]': 'true',
|
|
@@ -482,19 +482,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
482
482
|
}] } });
|
|
483
483
|
|
|
484
484
|
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.
|
|
485
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: LinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
486
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
487
|
}
|
|
488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
488
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: LinkListComponent, decorators: [{
|
|
489
489
|
type: Component,
|
|
490
490
|
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
491
|
}] });
|
|
492
492
|
|
|
493
493
|
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.
|
|
494
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: LinkListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
495
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
496
|
}
|
|
497
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
497
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: LinkListItemComponent, decorators: [{
|
|
498
498
|
type: Component,
|
|
499
499
|
args: [{ selector: 'li[rhc-link-list-item]', imports: [], host: {
|
|
500
500
|
'[class.utrecht-link-list__item]': 'true',
|
|
@@ -503,10 +503,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
503
503
|
|
|
504
504
|
class NavbarComponent {
|
|
505
505
|
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.
|
|
506
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: NavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
507
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", 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
508
|
}
|
|
509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
509
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: NavbarComponent, decorators: [{
|
|
510
510
|
type: Component,
|
|
511
511
|
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
512
|
}], propDecorators: { showEndItems: [{
|
|
@@ -515,10 +515,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
515
515
|
|
|
516
516
|
class NavbarItemComponent {
|
|
517
517
|
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.
|
|
518
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: NavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
519
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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
520
|
}
|
|
521
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
521
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: NavbarItemComponent, decorators: [{
|
|
522
522
|
type: Component,
|
|
523
523
|
args: [{ selector: 'li[rhc-navbar-item]', imports: [], host: {
|
|
524
524
|
'[class.rhc-nav-bar__item]': 'true',
|
|
@@ -530,10 +530,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
530
530
|
|
|
531
531
|
class HeadingItemDirective {
|
|
532
532
|
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.
|
|
533
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: HeadingItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
534
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.6", type: HeadingItemDirective, isStandalone: true, selector: "[rhcHeadingItem]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
535
535
|
}
|
|
536
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
536
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: HeadingItemDirective, decorators: [{
|
|
537
537
|
type: Directive,
|
|
538
538
|
args: [{
|
|
539
539
|
selector: '[rhcHeadingItem]',
|
|
@@ -548,10 +548,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
548
548
|
* Een endItem wordt aan het einde van de navbar geplaatst.
|
|
549
549
|
*/
|
|
550
550
|
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.
|
|
551
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: EndItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
552
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.6", type: EndItemDirective, isStandalone: true, selector: "[rhcEndItem]", ngImport: i0 });
|
|
553
553
|
}
|
|
554
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: EndItemDirective, decorators: [{
|
|
555
555
|
type: Directive,
|
|
556
556
|
args: [{
|
|
557
557
|
selector: '[rhcEndItem]',
|
|
@@ -568,10 +568,10 @@ class FooterComponent {
|
|
|
568
568
|
get backgroundClass() {
|
|
569
569
|
return `rhc-page-footer--${this.background}`;
|
|
570
570
|
}
|
|
571
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
572
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
571
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
572
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FooterComponent, isStandalone: true, selector: "footer[rhc-footer]", inputs: { background: "background", preFooter: "preFooter", preFooterMessage: "preFooterMessage", heading: "heading", appearanceLevel: "appearanceLevel", subFooter: "subFooter" }, ngImport: i0, template: "@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<footer [class]=\"`utrecht-page-footer rhc-page-footer ${backgroundClass}`\">\n <div class=\"rhc-page-footer__content rhc-page-footer__wrapper\">\n @if (heading) {\n <div class=\"rhc-page-footer__title\">\n <rhc-heading [level]=\"2\" [appearanceLevel]=\"appearanceLevel\">{{ heading }}</rhc-heading>\n </div>\n }\n <rhc-column-layout>\n <ng-content select=\"[columns]\"></ng-content>\n </rhc-column-layout>\n </div>\n\n @if (subFooter) {\n <div [class]=\"`rhc-page-subfooter ${backgroundClass}`\">\n <div class=\"rhc-page-subfooter__content rhc-page-footer__wrapper\">\n <ng-content select=\"[subFooter]\"></ng-content>\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"] }] });
|
|
573
573
|
}
|
|
574
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
574
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FooterComponent, decorators: [{
|
|
575
575
|
type: Component,
|
|
576
576
|
args: [{ selector: 'footer[rhc-footer]', imports: [HeadingComponent, ColumnLayoutComponent], template: "@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<footer [class]=\"`utrecht-page-footer rhc-page-footer ${backgroundClass}`\">\n <div class=\"rhc-page-footer__content rhc-page-footer__wrapper\">\n @if (heading) {\n <div class=\"rhc-page-footer__title\">\n <rhc-heading [level]=\"2\" [appearanceLevel]=\"appearanceLevel\">{{ heading }}</rhc-heading>\n </div>\n }\n <rhc-column-layout>\n <ng-content select=\"[columns]\"></ng-content>\n </rhc-column-layout>\n </div>\n\n @if (subFooter) {\n <div [class]=\"`rhc-page-subfooter ${backgroundClass}`\">\n <div class=\"rhc-page-subfooter__content rhc-page-footer__wrapper\">\n <ng-content select=\"[subFooter]\"></ng-content>\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"] }]
|
|
577
577
|
}], propDecorators: { background: [{
|
|
@@ -590,10 +590,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
590
590
|
|
|
591
591
|
class DataSummaryComponent {
|
|
592
592
|
appearance = 'Column';
|
|
593
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
594
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
593
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DataSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
594
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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"] }] });
|
|
595
595
|
}
|
|
596
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DataSummaryComponent, decorators: [{
|
|
597
597
|
type: Component,
|
|
598
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" }]
|
|
599
599
|
}], propDecorators: { appearance: [{
|
|
@@ -606,10 +606,10 @@ class DataSummaryItemComponent {
|
|
|
606
606
|
href;
|
|
607
607
|
target = '_self';
|
|
608
608
|
actionLabel;
|
|
609
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
610
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
609
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DataSummaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
610
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", 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"] }] });
|
|
611
611
|
}
|
|
612
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DataSummaryItemComponent, decorators: [{
|
|
613
613
|
type: Component,
|
|
614
614
|
args: [{ selector: 'div[rhc-data-summary-item]', imports: [CommonModule, LinkComponent], host: {
|
|
615
615
|
'[class.rhc-data-summary__item]': 'true',
|
|
@@ -640,15 +640,15 @@ class BackToTopComponent {
|
|
|
640
640
|
return;
|
|
641
641
|
$target.focus({ preventScroll: true }); // Ensure target is focusable, ie via tabindex={-1} on #main
|
|
642
642
|
};
|
|
643
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
644
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
643
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BackToTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
644
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: BackToTopComponent, isStandalone: true, selector: "rhc-back-to-top", providers: [
|
|
645
645
|
{
|
|
646
646
|
provide: Window,
|
|
647
647
|
useValue: window,
|
|
648
648
|
},
|
|
649
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"] });
|
|
650
650
|
}
|
|
651
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
651
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BackToTopComponent, decorators: [{
|
|
652
652
|
type: Component,
|
|
653
653
|
args: [{ selector: 'rhc-back-to-top', imports: [], providers: [
|
|
654
654
|
{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rijkshuisstijl-community/components-angular",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.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",
|
|
@@ -23,16 +23,16 @@
|
|
|
23
23
|
"tslib": "2.8.1"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@angular-devkit/build-angular": "
|
|
27
|
-
"@angular/cli": "
|
|
28
|
-
"@angular/common": "
|
|
29
|
-
"@angular/compiler": "
|
|
30
|
-
"@angular/compiler-cli": "
|
|
31
|
-
"@angular/core": "
|
|
32
|
-
"@angular/forms": "
|
|
33
|
-
"@angular/platform-browser": "
|
|
34
|
-
"@angular/platform-browser-dynamic": "
|
|
35
|
-
"@angular/router": "
|
|
26
|
+
"@angular-devkit/build-angular": "21.2.5",
|
|
27
|
+
"@angular/cli": "21.2.5",
|
|
28
|
+
"@angular/common": "21.2.6",
|
|
29
|
+
"@angular/compiler": "21.2.6",
|
|
30
|
+
"@angular/compiler-cli": "21.2.6",
|
|
31
|
+
"@angular/core": "21.2.6",
|
|
32
|
+
"@angular/forms": "21.2.6",
|
|
33
|
+
"@angular/platform-browser": "21.2.6",
|
|
34
|
+
"@angular/platform-browser-dynamic": "21.2.6",
|
|
35
|
+
"@angular/router": "21.2.6"
|
|
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.3.0",
|
|
44
|
+
"jest-environment-jsdom": "30.3.0",
|
|
45
|
+
"jest-preset-angular": "16.1.2",
|
|
46
|
+
"ng-packagr": "21.2.2",
|
|
47
47
|
"rxjs": "7.8.2",
|
|
48
48
|
"typescript": "5.9.3",
|
|
49
|
-
"zone.js": "0.
|
|
50
|
-
"@rijkshuisstijl-community/components-css": "15.0.
|
|
49
|
+
"zone.js": "0.16.1",
|
|
50
|
+
"@rijkshuisstijl-community/components-css": "15.0.1"
|
|
51
51
|
},
|
|
52
52
|
"files": [
|
|
53
53
|
"dist/"
|