govuk-angular
Version:
Angular components port of govuk-frontend nunjucks macros.
76 lines (64 loc) • 6.47 kB
JavaScript
import { Component, Input } from '@angular/core';
import { emptyFieldSet } from '../fieldset/fieldset';
import { GovUKDataCaptureComponent } from '../data-capture.component';
import * as i0 from "@angular/core";
import * as i1 from "../fieldset/fieldset.component";
import * as i2 from "./radio.component";
import * as i3 from "../govuk-error-line.directive";
import * as i4 from "@angular/common";
/**
* @deprecated : Use the govuk-radios component
*/
export class GovUKRadioInLineComponent extends GovUKDataCaptureComponent {
constructor() {
super(...arguments);
this.fieldset = emptyFieldSet();
}
createId(choice) {
return choice.toLowerCase().replace(/\s/gm, '-') + '-' + this.id;
}
}
GovUKRadioInLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GovUKRadioInLineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
GovUKRadioInLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: GovUKRadioInLineComponent, selector: "govuk-radio-inline", inputs: { fieldset: "fieldset", options: "options" }, usesInheritance: true, ngImport: i0, template: `
<div [govukErrorLine]="errorMessage" class="govuk-form-group" [id]="id" [attr.name]="name|| id">
<govuk-fieldset [id]="id" [legend]="fieldset" [hint]="hint" [errorMessage]="errorMessage" >
<div class="govuk-radios govuk-radios--inline {{classes}}">
<span *ngFor="let choice of options">
<govuk-radio [id]="createId(choice.value)"
[name]="id"
[model]="model"
[value]="choice.value"
[label]="choice.text"
[hint]="choice.hint"></govuk-radio>
</span>
</div>
</govuk-fieldset>
</div>
`, isInline: true, components: [{ type: i1.GovUKFieldsetComponent, selector: "govuk-fieldset", inputs: ["id", "fieldset", "legend", "hint", "errorMessage"] }, { type: i2.GovUKRadioComponent, selector: "govuk-radio", inputs: ["id", "groupName", "value", "name", "label", "hint", "model"] }], directives: [{ type: i3.GovErrorLineDirective, selector: "[govukErrorLine]", inputs: ["govukErrorLine"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GovUKRadioInLineComponent, decorators: [{
type: Component,
args: [{
selector: 'govuk-radio-inline',
template: `
<div [govukErrorLine]="errorMessage" class="govuk-form-group" [id]="id" [attr.name]="name|| id">
<govuk-fieldset [id]="id" [legend]="fieldset" [hint]="hint" [errorMessage]="errorMessage" >
<div class="govuk-radios govuk-radios--inline {{classes}}">
<span *ngFor="let choice of options">
<govuk-radio [id]="createId(choice.value)"
[name]="id"
[model]="model"
[value]="choice.value"
[label]="choice.text"
[hint]="choice.hint"></govuk-radio>
</span>
</div>
</govuk-fieldset>
</div>
`
}]
}], propDecorators: { fieldset: [{
type: Input
}], options: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiX3JhZGlvLWlubGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nb3Z1ay1hbmd1bGFyL3NyYy9saWIvcmFkaW9zL19yYWRpby1pbmxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxhQUFhLEVBQVksTUFBTSxzQkFBc0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7O0FBR3RFOztHQUVHO0FBMEJILE1BQU0sT0FBTyx5QkFBMEIsU0FBUSx5QkFBaUM7SUF6QmhGOztRQTJCVyxhQUFRLEdBQWEsYUFBYSxFQUFFLENBQUM7S0FRL0M7SUFIQyxRQUFRLENBQUMsTUFBYztRQUNyQixPQUFPLE1BQU0sQ0FBQyxXQUFXLEVBQUUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLEdBQUcsQ0FBQyxHQUFHLEdBQUcsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ25FLENBQUM7O3NIQVRVLHlCQUF5QjswR0FBekIseUJBQXlCLHVJQXZCMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCVDsyRkFFVSx5QkFBeUI7a0JBekJyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJUO2lCQUNGOzhCQUdVLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZW1wdHlGaWVsZFNldCwgRmllbGRzZXQgfSBmcm9tICcuLi9maWVsZHNldC9maWVsZHNldCc7XG5pbXBvcnQgeyBHb3ZVS0RhdGFDYXB0dXJlQ29tcG9uZW50IH0gZnJvbSAnLi4vZGF0YS1jYXB0dXJlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBSYWRpb09wdGlvbkl0ZW0gfSBmcm9tICcuL3JhZGlvLW9wdGlvbnMtaXRlbSc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgOiBVc2UgdGhlIGdvdnVrLXJhZGlvcyBjb21wb25lbnRcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ292dWstcmFkaW8taW5saW5lJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBbZ292dWtFcnJvckxpbmVdPVwiZXJyb3JNZXNzYWdlXCIgY2xhc3M9XCJnb3Z1ay1mb3JtLWdyb3VwXCIgW2lkXT1cImlkXCIgW2F0dHIubmFtZV09XCJuYW1lfHwgaWRcIj5cblxuICAgIDxnb3Z1ay1maWVsZHNldCBbaWRdPVwiaWRcIiBbbGVnZW5kXT1cImZpZWxkc2V0XCIgW2hpbnRdPVwiaGludFwiIFtlcnJvck1lc3NhZ2VdPVwiZXJyb3JNZXNzYWdlXCIgPlxuXG4gICAgICA8ZGl2IGNsYXNzPVwiZ292dWstcmFkaW9zIGdvdnVrLXJhZGlvcy0taW5saW5lIHt7Y2xhc3Nlc319XCI+XG5cbiAgICAgICAgICA8c3BhbiAqbmdGb3I9XCJsZXQgY2hvaWNlIG9mIG9wdGlvbnNcIj5cbiAgICAgICAgICAgIDxnb3Z1ay1yYWRpbyBbaWRdPVwiY3JlYXRlSWQoY2hvaWNlLnZhbHVlKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmFtZV09XCJpZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbW9kZWxdPVwibW9kZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cImNob2ljZS52YWx1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiY2hvaWNlLnRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2hpbnRdPVwiY2hvaWNlLmhpbnRcIj48L2dvdnVrLXJhZGlvPlxuICAgICAgICAgIDwvc3Bhbj5cblxuICAgICAgPC9kaXY+XG5cbiAgICA8L2dvdnVrLWZpZWxkc2V0PlxuXG4gIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIEdvdlVLUmFkaW9JbkxpbmVDb21wb25lbnQgZXh0ZW5kcyBHb3ZVS0RhdGFDYXB0dXJlQ29tcG9uZW50PHN0cmluZz4ge1xuXG4gIEBJbnB1dCgpIGZpZWxkc2V0OiBGaWVsZHNldCA9IGVtcHR5RmllbGRTZXQoKTtcblxuICAvKiogQW4gYXJyYXkgb2Ygb3B0aW9ucyAqL1xuICBASW5wdXQoKSBvcHRpb25zOiBBcnJheTxSYWRpb09wdGlvbkl0ZW0+O1xuXG4gIGNyZWF0ZUlkKGNob2ljZTogc3RyaW5nKTogc3RyaW5nIHtcbiAgICByZXR1cm4gY2hvaWNlLnRvTG93ZXJDYXNlKCkucmVwbGFjZSgvXFxzL2dtLCAnLScpICsgJy0nICsgdGhpcy5pZDtcbiAgfVxufVxuIl19