govuk-angular/esm2020/lib/radios/radio.component.mjs

Angular components port of govuk-frontend nunjucks macros.

import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../hint/hint.component";
import * as i2 from "@angular/forms";
export class GovUKRadioComponent {
}
GovUKRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GovUKRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
GovUKRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: GovUKRadioComponent, selector: "govuk-radio", inputs: { id: "id", groupName: "groupName", value: "value", name: "name", label: "label", hint: "hint", model: "model" }, ngImport: i0, template: `
  <div id="group-{{id}}" class="govuk-radios__item" tabindex="-1" style="margin-bottom: 10px;">

    <input id="{{id}}"
          [name]="name"
          [value]="value"
          type="radio"
          [(ngModel)]="model.selected"
          class="govuk-radios__input"
          tabindex="0">

    <label id="lbl-{{id}}-{{value}}" class="govuk-label govuk-radios__label" [for]="id">{{label}}</label>

    <govuk-hint id="radio-item-{{id}}" [hint]="{ text : hint, classes: 'govuk-radios__hint'}"  ></govuk-hint>

  </div>
  `, isInline: true, components: [{ type: i1.GovUKHintComponent, selector: "govuk-hint", inputs: ["id", "hint"] }], directives: [{ type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GovUKRadioComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'govuk-radio',
                    template: `
  <div id="group-{{id}}" class="govuk-radios__item" tabindex="-1" style="margin-bottom: 10px;">

    <input id="{{id}}"
          [name]="name"
          [value]="value"
          type="radio"
          [(ngModel)]="model.selected"
          class="govuk-radios__input"
          tabindex="0">

    <label id="lbl-{{id}}-{{value}}" class="govuk-label govuk-radios__label" [for]="id">{{label}}</label>

    <govuk-hint id="radio-item-{{id}}" [hint]="{ text : hint, classes: 'govuk-radios__hint'}"  ></govuk-hint>

  </div>
  `
                }]
        }], propDecorators: { id: [{
                type: Input
            }], groupName: [{
                type: Input
            }], value: [{
                type: Input
            }], name: [{
                type: Input
            }], label: [{
                type: Input
            }], hint: [{
                type: Input
            }], model: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ292dWstYW5ndWxhci9zcmMvbGliL3JhZGlvcy9yYWRpby5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRyxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFzQmpELE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7b0dBQW5CLG1CQUFtQiw2S0FsQnBCOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JUOzJGQUVVLG1CQUFtQjtrQkFwQi9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVDtpQkFDRjs4QkFHVSxFQUFFO3NCQUFWLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFHRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUdHLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBR0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCAgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnb3Z1ay1yYWRpbycsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgaWQ9XCJncm91cC17e2lkfX1cIiBjbGFzcz1cImdvdnVrLXJhZGlvc19faXRlbVwiIHRhYmluZGV4PVwiLTFcIiBzdHlsZT1cIm1hcmdpbi1ib3R0b206IDEwcHg7XCI+XG5cbiAgICA8aW5wdXQgaWQ9XCJ7e2lkfX1cIlxuICAgICAgICAgIFtuYW1lXT1cIm5hbWVcIlxuICAgICAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICBbKG5nTW9kZWwpXT1cIm1vZGVsLnNlbGVjdGVkXCJcbiAgICAgICAgICBjbGFzcz1cImdvdnVrLXJhZGlvc19faW5wdXRcIlxuICAgICAgICAgIHRhYmluZGV4PVwiMFwiPlxuXG4gICAgPGxhYmVsIGlkPVwibGJsLXt7aWR9fS17e3ZhbHVlfX1cIiBjbGFzcz1cImdvdnVrLWxhYmVsIGdvdnVrLXJhZGlvc19fbGFiZWxcIiBbZm9yXT1cImlkXCI+e3tsYWJlbH19PC9sYWJlbD5cblxuICAgIDxnb3Z1ay1oaW50IGlkPVwicmFkaW8taXRlbS17e2lkfX1cIiBbaGludF09XCJ7IHRleHQgOiBoaW50LCBjbGFzc2VzOiAnZ292dWstcmFkaW9zX19oaW50J31cIiAgPjwvZ292dWstaGludD5cblxuICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBHb3ZVS1JhZGlvQ29tcG9uZW50e1xuICAvKiogVXNlZCB0byBjcmVhdGUgdGhlIGlkIGZvciB0aGUgZ3JvdXAgaWQtZ3JvdXAsIHRoZSByYWRpbyBidXR0b24gaWQsIGFuZCBsYWJlbCBmb3IgaWQgICovXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgZ3JvdXBOYW1lOiBzdHJpbmc7XG5cbiAgLyoqIFRoZSB2YWx1ZSBvZiB0aGlzIHJhZGlvIGJ1dHRvbiAqL1xuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcblxuICAvKiogUmFkaW8gYnV0dG9uIGxhYmVsICovXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgaGludDogc3RyaW5nO1xuXG4gIC8qKiBVc2UgZm9yIHNlbGVjdGVkIGl0ZW0gYW5kIHRvIHNob3cgZXJyb3JzICovXG4gIEBJbnB1dCgpIG1vZGVsOiBhbnk7XG59XG4iXX0=