govuk-angular
Version:
Angular components port of govuk-frontend nunjucks macros.
69 lines (61 loc) • 6.25 kB
JavaScript
import { Component, Input } from '@angular/core';
import { emptyErrorMessage } from '../error/error-message.model';
import { emptyHint } from '../hint/hint';
import { emptyFieldSet, emptyLegend } from './fieldset';
import * as i0 from "@angular/core";
import * as i1 from "../hint/hint.component";
import * as i2 from "../error/error.component";
import * as i3 from "../govuk-error-line.directive";
import * as i4 from "@angular/common";
export class GovUKFieldsetComponent {
constructor() {
this.fieldset = emptyFieldSet();
this.legend = emptyLegend();
this.hint = emptyHint();
this.errorMessage = emptyErrorMessage();
}
}
GovUKFieldsetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GovUKFieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
GovUKFieldsetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: GovUKFieldsetComponent, selector: "govuk-fieldset", inputs: { id: "id", fieldset: "fieldset", legend: "legend", hint: "hint", errorMessage: "errorMessage" }, ngImport: i0, template: `
<div [govukErrorLine]="errorMessage" class="govuk-form-group">
<fieldset class="govuk-fieldset" [attr.aria-describedby]="fieldset.describedBy">
<legend class="govuk-fieldset__legend {{legend.classes}}" id="fieldset-{{id}}">
<h1 *ngIf="legend.isPageHeading" class="govuk-fieldset__heading"> {{legend.text}} </h1>
<h2 *ngIf="!legend.isPageHeading" class="govuk-fieldset__heading"> {{legend.text}} </h2>
</legend>
<govuk-hint [id]="id" [hint]="hint"></govuk-hint>
<govuk-error [id]="id" [errorMessage]="errorMessage" ></govuk-error>
<ng-content></ng-content>
</fieldset>
</div>
`, isInline: true, components: [{ type: i1.GovUKHintComponent, selector: "govuk-hint", inputs: ["id", "hint"] }, { type: i2.GovUKErrorComponent, selector: "govuk-error", inputs: ["id", "errorMessage"] }], directives: [{ type: i3.GovErrorLineDirective, selector: "[govukErrorLine]", inputs: ["govukErrorLine"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GovUKFieldsetComponent, decorators: [{
type: Component,
args: [{
selector: 'govuk-fieldset',
template: `
<div [govukErrorLine]="errorMessage" class="govuk-form-group">
<fieldset class="govuk-fieldset" [attr.aria-describedby]="fieldset.describedBy">
<legend class="govuk-fieldset__legend {{legend.classes}}" id="fieldset-{{id}}">
<h1 *ngIf="legend.isPageHeading" class="govuk-fieldset__heading"> {{legend.text}} </h1>
<h2 *ngIf="!legend.isPageHeading" class="govuk-fieldset__heading"> {{legend.text}} </h2>
</legend>
<govuk-hint [id]="id" [hint]="hint"></govuk-hint>
<govuk-error [id]="id" [errorMessage]="errorMessage" ></govuk-error>
<ng-content></ng-content>
</fieldset>
</div>
`
}]
}], propDecorators: { id: [{
type: Input
}], fieldset: [{
type: Input
}], legend: [{
type: Input
}], hint: [{
type: Input
}], errorMessage: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGRzZXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ292dWstYW5ndWxhci9zcmMvbGliL2ZpZWxkc2V0L2ZpZWxkc2V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFHLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQWdCLE1BQU0sOEJBQThCLENBQUM7QUFDL0UsT0FBTyxFQUFFLFNBQVMsRUFBUSxNQUFNLGNBQWMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBb0IsTUFBTSxZQUFZLENBQUM7Ozs7OztBQXNCMUUsTUFBTSxPQUFPLHNCQUFzQjtJQXBCbkM7UUFzQlcsYUFBUSxHQUFhLGFBQWEsRUFBRSxDQUFDO1FBQ3JDLFdBQU0sR0FBVyxXQUFXLEVBQUUsQ0FBQztRQUMvQixTQUFJLEdBQVMsU0FBUyxFQUFFLENBQUM7UUFDekIsaUJBQVksR0FBaUIsaUJBQWlCLEVBQUUsQ0FBQztLQUMzRDs7bUhBTlksc0JBQXNCO3VHQUF0QixzQkFBc0IsZ0tBbEJ2Qjs7Ozs7Ozs7Ozs7Ozs7OztDQWdCWDsyRkFFWSxzQkFBc0I7a0JBcEJsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7OztDQWdCWDtpQkFDQTs4QkFFVSxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsICBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZW1wdHlFcnJvck1lc3NhZ2UsIEVycm9yTWVzc2FnZSB9IGZyb20gJy4uL2Vycm9yL2Vycm9yLW1lc3NhZ2UubW9kZWwnO1xuaW1wb3J0IHsgZW1wdHlIaW50LCBIaW50IH0gZnJvbSAnLi4vaGludC9oaW50JztcbmltcG9ydCB7IGVtcHR5RmllbGRTZXQsIGVtcHR5TGVnZW5kLCBGaWVsZHNldCwgTGVnZW5kIH0gZnJvbSAnLi9maWVsZHNldCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dvdnVrLWZpZWxkc2V0JyxcbiAgdGVtcGxhdGU6IGBcbjxkaXYgW2dvdnVrRXJyb3JMaW5lXT1cImVycm9yTWVzc2FnZVwiIGNsYXNzPVwiZ292dWstZm9ybS1ncm91cFwiPlxuICAgIDxmaWVsZHNldCBjbGFzcz1cImdvdnVrLWZpZWxkc2V0XCIgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCJmaWVsZHNldC5kZXNjcmliZWRCeVwiPlxuXG4gICAgICA8bGVnZW5kIGNsYXNzPVwiZ292dWstZmllbGRzZXRfX2xlZ2VuZCB7e2xlZ2VuZC5jbGFzc2VzfX1cIiBpZD1cImZpZWxkc2V0LXt7aWR9fVwiPlxuICAgICAgICA8aDEgKm5nSWY9XCJsZWdlbmQuaXNQYWdlSGVhZGluZ1wiIGNsYXNzPVwiZ292dWstZmllbGRzZXRfX2hlYWRpbmdcIj4ge3tsZWdlbmQudGV4dH19IDwvaDE+XG4gICAgICAgIDxoMiAgKm5nSWY9XCIhbGVnZW5kLmlzUGFnZUhlYWRpbmdcIiAgY2xhc3M9XCJnb3Z1ay1maWVsZHNldF9faGVhZGluZ1wiPiB7e2xlZ2VuZC50ZXh0fX0gPC9oMj5cbiAgICAgIDwvbGVnZW5kPlxuXG4gICAgICA8Z292dWstaGludCAgW2lkXT1cImlkXCIgW2hpbnRdPVwiaGludFwiPjwvZ292dWstaGludD5cbiAgICAgIDxnb3Z1ay1lcnJvciBbaWRdPVwiaWRcIiBbZXJyb3JNZXNzYWdlXT1cImVycm9yTWVzc2FnZVwiID48L2dvdnVrLWVycm9yPlxuXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cbiAgICA8L2ZpZWxkc2V0PlxuPC9kaXY+XG5gXG59KVxuZXhwb3J0IGNsYXNzIEdvdlVLRmllbGRzZXRDb21wb25lbnR7XG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZpZWxkc2V0OiBGaWVsZHNldCA9IGVtcHR5RmllbGRTZXQoKTtcbiAgQElucHV0KCkgbGVnZW5kOiBMZWdlbmQgPSBlbXB0eUxlZ2VuZCgpO1xuICBASW5wdXQoKSBoaW50OiBIaW50ID0gZW1wdHlIaW50KCk7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZTogRXJyb3JNZXNzYWdlID0gZW1wdHlFcnJvck1lc3NhZ2UoKTtcbn1cbiJdfQ==